11/22の勉強会の議事録です。
今回はmacのスクリーンセーバー風なものをcss3で作ってみました。
まずは完成形をご覧ください。↓

screensaver-01

それでは作成のポイントを説明致します。
どうぞ、下のソースもあわせてお読み下さい。

目次

• 1.htmlとbodyにheight:100%;を指定する
• 2.pattern.pngで画像の荒れ対策
• 3.background-size:cover;で画像をフルスクリーン表示
• 4.@keyframe、nth-child、animation-delay
• 5.tranceform-origin: 変形の基点

続きを読む →