Iso­me­tri­sches Grid mit Css-trans­form An­dy Ba­re­foot auf Co­de­pen

PAGE - - Werkzeug - ↗ https://co­de­pen.io/an­dy­ba­re­foot/pen/merb­px

Der eng­li­sche Pro­dukt­de­si­gner An­dy Ba­re­foot aus Der­by nutz­te CSS Grid in Kom­bi­na­ti­on mit der CSSEi­gen­schaft trans­form, mit der sich Ele­men­te ro­tie­ren, ska­lie­ren, ver­schie­ben und nei­gen las­sen, und er­zeug­te da­mit ein Lay­out, das aus­sieht wie ein gleich­för­mi­ges iso­me­tri­sches Ras­ter. Da­für fer­tig­te er mit CSS Grid zu­nächst ein klein­tei­li­ges Ras­ter mit recht­ecki­gen Zel­len. Dar­in po­si­tio­nier­te er Tex­te und Fo­tos in den drei Grup­pen blau­er Text, pin­ker Text und Fo­tos. Wei­te­re Bei­spie­le iso­me­tri­scher Css-grid-lay­outs ver­öf­fent­lich­te der bri­ti­sche Pro­dukt­de­si­gner auf sei­ner ei­ge­nen Web­site (http://an­dy­ba­re­foot.com). Sehr se­hens­wert!

Newspapers in German

Newspapers from Germany

© PressReader. All rights reserved.