2018年12月13日(木)

CSSの参考になるアイデアがいっぱい！2018年スタイルシートを使ったテクニックのまとめ

• 0
• 478
• 451
• 488

2018年も、CSSの進化がすごかったです！
CSSを使ったアニメーションはより快適なものが増え、JavaScriptを使用しないと実装できなかったものがCSSだけで実装できるようになったり、vwやvhやcalc()などを効果的に使用したり、レイアウト、ナビゲーション、カードなどもより洗練されて実装されています。

さまざまな素晴らしいアイデアが取り入れられたスタイルシートを使ったテクニックを紹介します。

各デモはCSSのみで実装されたものもありますが、JavaScript併用もあります。
動作を見るには、「Run Pen」をクリックするか、クリック後に右上「Edit on Codepen」をクリックしてください。

まずは、ダイナミックなアニメーションが楽しいソーラーシステム。動きが斬新で、スライドなどに応用してもよさそうです。ベストビューは、Ope...