My CMS

科学、ITの中でプログラム、Wordpressテーマやプラグイン用途、関連の制作記事、興味のあるテーマに対しての記事、他様々ITと科学のコラボから更なる新しいアイディア等を書き留めています。実際に使えるものから、応用が効きそうな物まで幅広く書いているので、参考に成れば幸いです。

CSS3で作る適当なアニメーションNo.02

time 2016/08/10

CSS3で作る適当なアニメーションNo.02

回転体CSS3-cww8.net
球体が変化しながら回転するアニメーションを作ってみました。Javasqriptでゲームを作ったり、するときやページのウェイト時間の時に表示する画像の代わりなんかに使えるかもしれませんが、僕の中ではいまのところ使い道がありません。CSS3なので対応していないブラウザでは動かないかもしれません。

スポンサードリンク

ページのウェイトに使うときは確かJavasqriptが必要だったような気がします。今回のものは割と完成度が高いかな?と思っているので何かに使えるかもしれませんね。
サンプル

コードは下のような感じです。外枠を無限に回転させてその中でボックスの形状を変えています。

 

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

Twitter でHakrをフォローしよう!

sponsored link

down

コメントする





*

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

IT・医療関連

ソーシャル関連

パソコン

プログラム

個人的なブログ倉庫

社会

科学



sponsored link

Do NOT follow this link or you will be banned from the site!