テキストに光が移動するエフェクトを与えることができる「Art Text Light jQuery plugin」 – bl6.jp
指定したテキストに光が移動するエフェクトを与えることができるjQueryプラグイン「Art Text Light jQuery plugin」を使ってみました。さりげないエフェクトがとてもお洒落ですね。ワンポイントとしてどこかで使いたくなってきます。ということで、以下、使い方です。 [ads_center] 使い方 jQueryとダウンロードしたプラグインファイル「arttextlight.js」をhead内に読み込みます。 <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js?ver=1.7.1'></script> <script type="text/javascript" src="arttextlight.js"></script> エ
Creating Different CSS3 Box Shadows Effects
In this tutorial we are going to be creating box shadow effects with just CSS. Below is an image created in photoshop of different box shadows effects. These used to be the only way of creating this effect but thanks to CSS3 we can now do all this with just CSS.View Demo page to see what we are going to create CSS Box Shadow Effects Demo CSS Box ShadowWe are going to be using the CSS box shadow pr
フラットデザインに一工夫！ロングシャドウ作成ツールまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうもです。 夏休みの間特に行く予定もなく、毎日ゲーセン通いをして音ゲーを練り上げてしまったはやちです。 jubeat(ユビート)とSOUND VOLTEXが熱いです。 別にさびしくなんか ないです <( ´ิ-´ิ ┌┛)┌┛ 今回はフラットデザインの新たなトレンド、ロングシャドウエフェクトを簡単に作れるツールを紹介いたします( ˘ω˘) ロングシャドウエフェクトとは 斜め45度に長ーくのびるドロップシャドウ ぼかしのない、シャープなドロップシャドウ を利用したエフェクトのことです。 フラットかつ立体的な処理を考えたらこうなったらしいです( ˘ω˘)☝ Long Shadows Generator(WEBツール) テキストから簡単なアイコンまでcssで生成してくれます( ˘ω˘)☝ Long Shadows Generator(WEBツール) Long Shadows Generato
box-shadowで表現する、「セミフラット」なズルいデザインテクニック
box-shadowで表現する、「セミフラット」なズルいデザインテクニック：ズルいデザイン（3）（1/2 ページ） 世の中、フラットデザイン流行りですが…… iOS 7がフラットデザインを採用したのを皮切りに、Webデザインのトレンドがフラットデザイン一色になってきましたが、立体感を完全に排した色面と空間、シンプルな描画の組み合わせだけのデザイン表現は、ある種ごまかしが効かず、また適切な利用方法を喚起させるようなUIも表現がなかなか難しいものです。 例えば、「ボタンは押せるもの」であると表現するための「押したくなる感じ」を喚起させる立体感は、ユーザビリティ面でもまだまだ有効です。今回は、流行のフラットデザインの中でも違和感なく使えて、また適切なアフォーダンスの表現が可能になる、「やりすぎていない立体感」を目指した、box-shadowを活用した各種ボックス表現の作り方を紹介します。 NGな
ドロップシャドウのバリエーションを増やしたい人用、ボックスに美しいさまざまなシャドウを適用した画像素材
昨日の記事でも扱ったシャドウの美しい繊細な画像素材を紹介します。 シャドウも単にボックスの下につけるだけでなく、さまざまなパターンがあります。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
text-shadowを使ってテキストにさまざまなスタイルを与える全23種類のスタイルシートのまとめ | コリス
