A tutorial on how to create some subtle and modern caption hover effects. Today we want to show you how to create some simple, yet stylish hover effects for image captions. The idea is to have a grid of figures and apply a hover effect to the items which will reveal a caption with the title, author and a link button. For some of the effects we will use 3D transforms. The aim is to keep the effects
Camera Jacob Cummings Take a look Music Jacob Cummings Take a look Settings Jacob Cummings Take a look Safari Jacob Cummings Take a look Phone Jacob Cummings Take a look Game Center Jacob Cummings Take a look
Androidと闘う開発者の皆さんへ リッチなUIを作るために、日々デザイナーやクライアントの方とバトルしていると思います。 僕からも１つTipsを贈らせていただきたいと思います。 Androidで画像を表示する時、ImageViewでそのまま表示すると味気ないですよね。 Webとかだったらドロップシャドウ入れますよね。 そう、ドロップシャドウです。 僕はAndroidでドロップシャドウを入れる方法は２つあると思います。 PNG画像でドロップシャドウ入りの画像を準備する ソースコードでドロップシャドウを表現する １つ目は簡単ですよね。こんな感じの画像を準備して、 drawable/ex_drop_shadow.png ソースコードもこんな感じ <ImageView android:layout_width="wrap_content" android:layout_height="wr
Code a Simple Folded Corner Effect With CSS [ad#ad-2] 下記は各ポイントを意訳したものです。 コンセプト デモ 実装 コンセプト このチュートリアルのコンセプトは、div要素に対してできるだけシンプルに紙を折ったエフェクトを与えることです。画像を使用すれば、当然かなり簡単にできることですが、これをCSSで行います。 基本的に必要なものは長方形のボックスのほかに、二つの三角形です。 デモページ [ad#ad-2] 実装 HTML HTMLは非常にシンプルです。 見出しとパラグラフを配置したdiv要素に、class（foldtl）を加えます。 <div class="page foldtl"> <h2>見出し</h2> <p>パラグラフ...</p> </div> CSS まずは、ページ全体とdiv要素のスタイルです。 div要素の背景はCS
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
