デザイナーなら誰もが知ってるグラフィックデザインの基本「スイススタイル」をCSSアニメーションで! -Swiss in CSS
Post on:2016年1月20日
デモを見ているだけで、クリエイティブな刺激がもらえる!そんな「Swiss in CSS」を紹介します。
↓はアニメーションgifですが、実際のページはCSSのアニメーションで動いています。
![デモのアニメーション"](http://coliss.com/wp-content/uploads-201601/2016012001.gif)
Swiss in CSS
※アニメーションgifは、Konstruktive Grafik
Swiss in CSSはスイススタイルでデザインされたポスターをCSSアニメーションで再現されたもので、美しいタイポグラフィ、精密なグリッド、印象的なカラーなど、現代のWebデザインの参考になると思います。
キャプチャ画像は静止画ですが、リンク先でそのアニメーションをお楽しみください。
※全部アニメーションgifにしたら重すぎたので、やめました。
![Jazz and Pop](http://coliss.com/wp-content/uploads-201601/2016012002-01.png)
Jazz & Pop schallplattenhüllen
![Juni Festwochen Zürich](http://coliss.com/wp-content/uploads-201601/2016012002-02.png)
![Konstruktive Grafik](http://coliss.com/wp-content/uploads-201601/2016012002-03.png)
![CBC Annual Report](http://coliss.com/wp-content/uploads-201601/2016012002-04.png)
Canadian Broadcasting Corp. Annual Report
![Ausstellung Eidgenössisches Kunststipendium](http://coliss.com/wp-content/uploads-201601/2016012002-05.png)
Ausstellung Eidgenössisches Kunststipendium
![Tonhalle-Quartett](http://coliss.com/wp-content/uploads-201601/2016012002-06.png)
![Akari](http://coliss.com/wp-content/uploads-201601/2016012002-07.png)
![Zürich Tonhalle](http://coliss.com/wp-content/uploads-201601/2016012002-08.png)
![Zürich-Tonhalle](http://coliss.com/wp-content/uploads-201601/2016012002-09.png)
![Berlin Layout](http://coliss.com/wp-content/uploads-201601/2016012002-10.png)
sponsors