為に予習してみたのでシェア。その2▼ソース例その3・shadow(影)と一緒に使うbox-shadow▼ソース例その4・テキストに使う大きくする▼ソース色を変える▼ソースtext-shadow▼ソース飛ばす▼ソース反転させる▼ソース分身させる▼ソース分身させるその2▼ソース背景を付ける▼ソースcss3のアニメーションプロパティ、transitionがとても面白いので何となくアニメーションのサンプルを色々と作ってみました。対応ブラウザは少ないですが、将来の為に予習してみたのでシェア。css3のtransitionプロパティは変化を与えるプロパティです。アニメーションを実装できるプロパティはtransitionとanimetionがあり、後者のほうが「アニメーション」としての位置付けっぽいのですが、今回は何となくtransitionを使用しました。プロパティ:-webkit-transition対応ブラウザ:webkit系(GoogleChrome、Safari等)JavaScript:未使用(※ソース閲覧の部分はjsを使っています)一応アニメーション以外(角丸など)は-mozも入れています。ease-in-out」のみを使用。これ1つでどういう事が出来るか、というテストです。*sは時間を表します。:hoverにしているのでマウスを乗せてご確認下さい。;}枠はアニメーションしませんね。#ffc0cb;}青(#0000ff)と緑(#008000)がアニメーションしません。※当時しませんでしたが、ブラウザのバージョンがあがって現在は不具合は解消された模様です。}以上サンプルでした。簡単なもので済みません。対応ブラウザは少ないですが、コンテンツに少しスパイスを与える感じで利用するのもいいかも。軽くて使いやすそうでしたのでメモ。"http://kachibito.net/wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/scripts/shCore.js-end");/*]]>*/タイトルとURLをコピーしました。