0

CSSだけで画像キャプチャにエフェクトをつけて魅せる「InContent」

inContent

class指定をするだけで、キャプチャ画像にアニメーションをかけてカッコよく魅せてくれるスタイルシートの「InContent」のご紹介。

 

デモサンプル

1.InContentから「incontent.css」をダウンロード

2.CSSを読み込む

 

3.HTMLを記述

これだけで、完了です。

エフェクトの種類は12種類用意されています。
違うエフェクトに変更したい場合は、<span>のクラス指定「bottom-to-top」を書き換えてください。

▼エフェクトサンプル
Class Description
.bottom-to-top bottom to top
.top-to-bottom top to bottom
.left-to-right left to right
.right-to-left right to left
.rotate-in rotate in
.rotate-out rotate out
.open-up open up
.open-down open down
.open-left open left
.open-right open right
.come-left come to left
.come-right come to right




コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

mororeco > CSS > CSSだけで画像キャプチャにエフェクトをつけて魅せる「InContent」