CSS Selectors Level 4: The Path to CSS4 — SitePoint
Recently I had published an article on SitePoint showcasing different examples of the use of CSS3 2D and 3D transform . CSS3 excites us so much, you could be forgiven for thinking this is the most advanced version of CSS available. Not so. Even now, just as you are still learning to use CSS3 and HTML5, those talented folks at W3C have released a working draft of the Level 4 standards of CSS Select
クロスフェードを実現するCSS4のcross-fade()
クロスフェードを実現するCSS4のcross-fade() iOS6のMobile Safariではimage-set関数以外にもクロスフェードを実現するCSS4のcross-fade関数が実装されています。 cross-fade関数は元々、CSS3として実装が議論されていましたが最新の仕様ではCSS4に移行しているみたいです(よくわからないけど)。 クロスフェードでは2つの画象がそれぞれ異なる透過度をもって重なって表示している状態を作り出せます。 #img{ background:-webkit-cross-fade( url(cover.png) ,url(img.jpg) , 0% ); width:500px; height:667px; } この場合はcover.pngが0%の透過度、img.jpgが100%の透過度で表示されます。 サンプル #img{ background:-
CSS Images Level 4 cross-fade() example
CSS Images Level 4: cross-fade() example You need a WebKit Nightly in order to properly see this page! Displaying a single image. background-image: cross-fade( url("logo-box.png"), url("logo-bare.png"), 0%); Displaying halfway through the second image. background-image: cross-fade( url("logo-box.png"), url("logo-bare.png"), 50%);
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS で切る・貼る・コピーする
CSS4セレクタ (Selectors Level 4) の新機能