もうシルエットの素材には困らない！人物や動物など600種類以上揃ったシルエットのベクター素材セット
個人でも商用でも無料で利用できる、600種類以上の人物・動物・乗り物をはじめスポーツやダンスなどのシルエットが揃ったベクター素材を紹介します。 素材はベクターのさまざまなフォーマットが揃ってます。 Free download: 600+ free vector silhouettes シルエットは多種多様なものがそれぞれにたくさん揃っています。 スポーツ 人物（ビジネス・女性・家族・恋人・子供など） ミュージック ダンス 動物 乗り物・交通機関 モーション 人や動物などの足跡 鍵 ダウンロードできる素材のフォーマットも豊富！ .ai .eps .svg .pdf ダウンロードは、下記ページの下の方からどうぞ。
[CSS]紙がふわりとする繊細なエフェクトをシンプルなHTMLで実装するテクニック
divで実装したパネルに紙がふわりとするようなエフェクトを与えるスタイルシートのテクニックを紹介します。 デモではパネル底の左右がふわりとなります。 Pure CSS Paper Lift Effect 実装は非常にシンプルです。 HTML HTMLは、div一つだけです。 <div class="box"></div> CSS スタイルシートはベンダプレフィックスも含めてあるのでちょっと長いですが、コピペで利用できます。 body { margin: 0; padding: 0; background: #efefef; } .box { position: relative; margin: 40px auto; width: 400px; height: 350px; background: #fff; border-radius: 2px; } .box::before, .box
![[CSS]紙がふわりとする繊細なエフェクトをシンプルなHTMLで実装するテクニック](https://cdn-ak-scissors.b.st-hatena.com/image/square/bcb821b40e6224665d6d8c37a61bec6e8d65084e/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201404%2F2014102305.gif)
今にも動きだしそうな影で遊んでみた写真17枚:らばQ
今にも動きだしそうな影で遊んでみた写真17枚 日常必ず目にする影ですが、影である以上目立つことは少ないものです。 工夫やアングルによって存在感一杯の、影で遊んだ写真をご覧ください。 なんともセクシーな影。 同じコンセプトのはずですが…。 よっこらしょ。 影の方が主役。 一瞬どうなっているのか混乱するジャンプした影。 野球少年。 強烈なレシーブ。 影の傘でエスコート。 ぴったりのバッグ。 リフティング。 ロナウジーニョばりの静止。 想像力は無限なのです。 左手のカメラでパシャり。 まるで一本の木。 巨神兵。 ロマンチックすぎる指輪の影。 アダム。 クリエイティブな写真を見ていると、ちょっと影で遊んでみようかな、という気分になりますよね。 その他の画像は以下よりどうぞ。 Living shadows (31 pics)より Amazon.co.jp 日食グラス SUN CATCHER-Xpos
[JS]さまざまな要素にかわいいシャドウをつけるスクリプト、しかも動くよ -Shine
パネルにもシャドウは適用できます。 Shine.jsの使い方 Step 1: 外部ファイル 当スクリプトを外部ファイルとして記述します。 <head> ... <script type="text/javascript" src="../dist/shine.min.js"></script> </head> Step 2: HTML テキストや画像、パネルなどの要素は、スクリプトで指定できるようclassなど付与しておくと便利です。 <h1 class="shine-text">テキスト</h1> <img class="shine-image" src="image.png"> <div class=shine-panel">パネル</div> Step 3: JavaScript スクリプトで適用する要素を指定し、シャドウを設定します。 <script type="text/java
[CSS]ナイスアイデア！二つの繋がる要素を一つのドロップシャドウで処理するテクニック
div, p, aなどの要素を二つ繋げたものを一つのドロップシャドウで処理するスタイルシートのテクニックを紹介します。 上がborder:1px;の状態、下がbox-shadowで一つにした状態です。 Drop shadow for 2 elements preserving the intersection in CSS 凸型の要素はタブや上からコンテンツをひっぱりだす時によく使われ、デモではひっぱりだすトグル用に「Show / Hide」と書いてあります。 ※このデモではトグルとしての機能は実装されていません。 デモページ 実装は非常にシンプルです。 HTML 二つの要素はdivでもpでもaでもブロックとなる要素なら何でも構いません。ポイントは二つの要素を内包するdiv要素を設けることです。 <div class="block"> <div class="innerblock"> <p
ボックス要素に色んなタイプの影を簡単に付けられるjQueryプラグイン「jQuery Shadow」:phpspot開発日誌
jQuery Shadow Plugin ボックス要素に色んなタイプの影を簡単に付けられるjQueryプラグイン「jQuery Shadow」。 次のようにボックス要素に対して影を自由に付けられるプラグインです。$(elem).shadow(option); という風にするだけなので使い方は簡単ですね 単なるボックス要素があっというまにクールになりますね 関連エントリ selectボックスを超カッコよくするjQueryプラグイン「Chosen」 ブラウザ上でサインを書けるjQueryプラグイン「jSignature」 JSでのタイマー処理がもっと簡単になるjQueryプラグイン「timing」 スマホ用サイトに使えそうなドロップダウン実装jQueryプラグイン「DropKick」 ページめくりを実現するためのjQueryプラグイン集
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
