動くCSSのためのメモ。
CSSでできる事がどんどん増えてます。JavaScriptを使って実装するようなレイアウトやUIも、CSSだけで作れちゃうほど、便利なプロパティがじゃんじゃか増えましたね。ここでは、要素にアニメーション効果をつけるためのCSSを使ったエフェクトについて、まとめてゆこうと思います:)。 CSSで動かす 「動く」といっても、自由自在にぐにゃぐにゃ動かせるわけではなくて、CSSアニメーションでは、プロパティの数値をスムーズに増減させることで、要素のスタイルを滑らかに変化させます。 例えば、下のサンプルでは、p要素にカーソルを合わせた時に、font-sizeの値を、1emから2emに、スムーズに変化するように指定しています。 p { transition: font-size 1s; } 動かすためのマストプロパティ CSSでアニメーションさせるために必要不可欠なのがtransitionプロパティ
絵を描くのをやめてみたら幻想が解けた話
これまでずっとお絵描きばかりしてきた人生だった。といっても絵を仕事にできるほどでもなくて、趣味のレベル、同人活動未満、それでもたぶん幸福だったと思う。毎日毎日次に何を描こうかと考えて、何かひとつ描き終えたら一息つくけれど、間もなく意味も無い「何かを描かなきゃ」に急かされて、一週間経たずに何かを描く。しばらく何も描かずにいると『自分はダメなやつだ』と思えてきて、慌てて次に何を描くのか考えた。私の絵はいわゆる普通の萌え絵や漫画絵の部類で、毎週少年誌を読むたびに真似できそうな技術を紙面に探した。ひまさえのあれば他人の服のしわや、自分の指の形を見ていた。 自分が格別絵が上手いとは思わない。これまでに何度か、絵の報酬に金銭を受け取った経験はあるから、少なくとも人並み（ここでの『人』とは日常的に絵を描かないひと描くひと老若男女全てを含めたものとする）以上ではあるはずだ。けれど、今日び知れ渡っているよう
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
