モーダルウィンドウを表示する際に遠近感を付けるスクリプト・Avgrund
モーダルウィンドウを表示する際に 遠近感を加えて分かりやすくする、 というコンセプトの元、作られた スクリプト・Avgrundのご紹介です。 思いつきませんでしたが、結構いい ですね、これ。 遠近感のあるモーダルウィンドウを実装する非依存型のスクリプトです。これはいいエフェクト。説明するより見たほうが早そうですね。 Sample以下動作サンプル。ボタンを押せばモーダルウィンドウが表示されます。 確認出来ましたでしょうか。 コード<script type="text/javascript" src="avgrund.js"></script>avgrund.jsを読み込む。あとはマークアップです。 <button onclick="avgrund.activate();">クリック！</button>avgrund.activate()をclickさせればイベントが発火します。 <aside
OriDomi - origami for the web
/* $$$$$$\ $$\ $$$$$$$\ $$\ $$ __$$\ \__|$$ __$$\ \__| $$ / $$ | $$$$$$\ $$\ $$ | $$ | $$$$$$\ $$$$$$\$$$$\ $$\ $$ | $$ |$$ __$$\ $$ |$$ | $$ |$$ __$$\ $$ _$$ _$$\ $$ | $$ | $$ |$$ | \__|$$ |$$ | $$ |$$ / $$ |$$ / $$ / $$ |$$ | $$ | $$ |$$ | $$ |$$ | $$ |$$ | $$ |$$ | $$ | $$ |$$ | $$$$$$ |$$ | $$ |$$$$$$$ |\$$$$$$ |$$ | $$ | $$ |$$ | \______/ \__| \__|\_______/ \______/ \__| \__| \__|\__| v. 1.0.
円形の冊子ページをめくる風機能をCSS3とjQueryで実現するチュートリアル:phpspot開発日誌
3D Flipping Circle with CSS3 and jQuery | Codrops 円形の冊子ページをめくる風機能をCSS3とjQueryで実現するチュートリアル。 ページめくりといえば四角が一般的ですが、次のように丸い冊子をめくるエフェクトが斬新です ページをめくる際の影のエフェクトなんかも結構リアルに再現されています めくった所。 ただ四角いページめくりよりもインパクトがありますね 関連エントリ HTML5で美麗なページめくり効果が作れるJSライブラリ「turn.js」 ページめくりを実現するためのjQueryプラグイン集 ページめくりができるInstgramのWEBマガジン作成チュートリアル
3D Thumbnail Hover Effects | Codrops
A tutorial about how to create 3D thumbnail hover effects with CSS 3D transforms and jQuery. Today we want to show you how to create some exciting 3D hover effects using CSS3 and jQuery. This idea is inspired by the cool hover effect that you can find on the page of the Google SketchUp Showcase. In our examples, we’ll use thumbails that will reveal some more information on hover. We will create a
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Welcome - SketchUp Showcase
[CSS]CSS3を使うとこんなこともできる！紙を折ったり反らしたするかっこいいエフェクト
Demos of open web technologies | MDN
