[B! css][CSS3] kenzy_nのブックマーク

kenzy_n id:kenzy_n

cssとCSS3に関するkenzy_nのブックマーク (3)

[CSS]レトロなデザインがいいね！CSSアニメーションで実装されたローディング用のスピナー
画像やJavaScriptは無し、それぞれdivタグ一つとCSSアニメーションで実装されたシンプルでかっこいいローディング用のスピナーを紹介します。
kenzy_n 2015/08/10
css

CSS3
リンク
CSSの基本から徹底的に、実務で使えるテクニックやアイデアが充実した長く使えるオススメの本 -新CSSデザインの大原則
CSSを使いこなすためには文法の理解だけでなく、実際にどのように書かれているのかノウハウを蓄積することも重要です。CSSの基本となる文法をはじめ、プロパティの詳細、配置やレイアウトのテクニック、要素の作り込み、人気のインタラクションなど、CSSで必要な知識や情報を網羅した「新CSSデザインの大原則」を紹介します。あれはどうやるの？がすぐに分かるオススメの本です。「新CSSデザインの大原則」は、その前身となる「スタイルシートの大原則」のリニューアルというより一から完全に作り直されたものとのこと（編集部さんからの情報）。旧版を愛用されてた人もきっと多くいるでしょう。
kenzy_n 2015/07/14
css

html5

css3
リンク
動くCSSのためのメモ。
CSSでできる事がどんどん増えてます。JavaScriptを使って実装するようなレイアウトやUIも、CSSだけで作れちゃうほど、便利なプロパティがじゃんじゃか増えましたね。ここでは、要素にアニメーション効果をつけるためのCSSを使ったエフェクトについて、まとめてゆこうと思います:)。 CSSで動かす「動く」といっても、自由自在にぐにゃぐにゃ動かせるわけではなくて、CSSアニメーションでは、プロパティの数値をスムーズに増減させることで、要素のスタイルを滑らかに変化させます。例えば、下のサンプルでは、p要素にカーソルを合わせた時に、font-sizeの値を、1emから2emに、スムーズに変化するように指定しています。 p { transition: font-size 1s; } 動かすためのマストプロパティ CSSでアニメーションさせるために必要不可欠なのがtransitionプロパティ
kenzy_n 2014/06/06
こいつ・・・動くぞ・・・

css

web制作

CSS3
リンク
1

お知らせ

もっと読む

公式Twitter

@HatenaBookmark
リリース、障害情報などのサービスのお知らせ
@hatebu
最新の人気エントリーの配信

キーボードショートカット一覧

j次のブックマーク

k前のブックマーク

lあとで読む

eコメント一覧を開く

oページを開く

設定を変更しましたx