CODEPENはOSやブラウザによってSVG画像が読み込まれないんですかね？？「Result」に何も表示されていない場合は下記よりご覧ください。 DEMO SVGをtransformで回転させています。子要素span::beforeのbackground-imageに矢印のSVGを、span::afterのbackground-imageに回転させるSVGを指定します。 .rotating-animation span::before { width: 8px; hei
2019年10月27日に開催するデザインイベント「Design Cross」開催に至った思いをつらつらと書いていきたいと思います。 数年前、僕の知っているデザインは“デザイン”。この言葉一つでした。目に見えるもの、手に取れるものの外観を美しく魅力的にし、人の心を動かすためのものです。今やデザインは様々な言葉と一緒に使われています。UI/UXデザイン、サービスデザイン、ビジネスデザイン、コミュニケーションデザイン、デザイン思考、デザイン経営。◯◯デザインが増えるたびに、デザイ
世界最高峰のWebデザインアワード「Awwwards」。世界各国から素晴らしいWebサイトがノミネートされています。 1日1つ表彰されるSOTD（Sites of the Day）に選ばれたWebサイトから、“余白が美しく心地がいい動きのデザイン”をまとめてみました。 （※PCで閲覧した際） 文字のサイズや行間、写真の大きさや配置による美しい余白。 ちょっと目を引く心地の良い動き。 日頃の制作に取り入れたい要素が盛りだくさんです！ ぜひ、トップだけでなく下層ページもご覧
