[CSS]フラットなデザインに使いたい！タップ時の新しいエフェクト「波紋」のアニメーションを実装するテクニック
Googleが先日発表したAndroid Lで使われる新しいUX「Material Design」で採用されているようなタップすると波紋のように円が広がるエフェクトを実装するテクニックを紹介します。 タップやクリックでよく見かけるのは、押した感じにへこむエフェクトでしたが、この波紋はフラットにあっててなかなかいいエフェクトですね。 Material Design 波紋状のエフェクトのコードは、下記のようになります。 HTML div要素で矩形のボタンを作成します。ラベルはスタイルシートのcontent属性で配置しています。 <div id="button" class="android-btn"></div> <div id="button2" class="android-btn ink"></div> CSS エフェクトのアニメーション、ボタンのサイズや波紋の大きさは、スタイルシートで
今一番気になるCSSの美しいエフェクト！インクを水面に落としたように波紋が広がり消えていく -Ripple Click Effect
Googleが先日発表した新しいUX「Material Design」の中で特に注目されているのが、タップやクリックをするとインクを落としたように波紋が広がるエフェクト。 これを実装するテクニックを紹介します。 Material Designについては、前の記事（「波紋」のアニメーションを実装するテクニック）で動画を紹介しています。 この波紋のエフェクトはあちこちのコミュニティで盛んで、その中でもここで紹介するエフェクトはかなり美しく仕上がっています。 デモではリストで配置したナビゲーションの各アイテムをクリックすると、そのクリックした地点を中心に波紋が広がり、フェードで消えていきます。 ※上記はエフェクトが分かりやすいよう、各アイテムの高さを広げています。 実際の動作は、下記ページでお楽しみください。 Ripple Click Effect from Google Material De
オードリー・若林 プロレスを知って「人生が10倍楽しい！」 : 多重ロマンチック
目下、プロレスに“かぶれ中”。お笑いコンビ・オードリーの若林正恭さん。 オールナイトニッポンで新日本プロレス生観戦を告白。 いままでプロレスやアイドルにハマる気持ちがわからなかったけれど、 プロレスを知って今、「人生が10倍楽しい！」 ■ナンチャンにラリアット まずはオールナイトニッポン、2014年7月5日放送分より。ふとしたことでプロレスを好きになった若林さん。 番組収録中も、現在は頭の中がプロレスでいっぱい。とにかくモノマネしたくて仕方がない。 若林 それよりもなによりもプロレスですよ。俺にとって。かぶれちゃってかぶれちゃって。 春日 かぶれてるねー。「ヒルナンデス」（TBS系）のCM中さ。小声で「オレやりますよ、オレやりますよ」ってミニコントじゃないけど（飛龍革命の）再現をやらせようとするの。私も「オイ、やれんのか。オイ、やれんのか（アゴをしゃくりながら）」。「やります！」とかって（
【高評価】チロル ポケモン ビタークランチの感想・クチコミ・商品情報
※各商品に関する正確な情報及び画像は、各商品メーカーのWebサイト等でご確認願います。 ※1個あたりの単価がない場合は、購入サイト内の価格を表示しております。 企業の皆様へ：当サイトの情報が最新でない場合、こちらへお問合せください
柳沢慎吾祭り!!アルバム&DVD2014.820発売｜ポニーキャニオン
2007年「柳沢慎吾セレクション『あばよ!!』」、2008年に「クライマックス甲子園!!」、2009年に「実録!?緊急特番 柳沢警察密着24時!!」に続く、5年振り待望の柳沢慎吾の新作は、過去作のそのおいしいところをたっぷり収録しながらも、新録トークや未公開映像が盛りだくさんな「祭り（ベスト）」!! ★柳沢慎吾のヒット・アルバム「柳沢慎吾セレクション『あばよ!!』」、「クライマックス甲子園!!」、「柳沢警察密着24時!!」からのセレクトと、それらの秘話やホンネに迫る新録音トーク! ★初CD化となる「SENSATIONAL HIROKO」（歌：ひょうたん三銃士／出演映画『セーラー服と機関銃』のキャンペーンソング）やソロ楽曲「BE MY GIRL」（このCDにも収録している「ピエロ」のカップリング曲）含む3曲を自ら激白する当時のエピソードと共に聴ける! ★さらに巻末には、新たな再現話芸?!「柳
ホビーサーチブログ カードキャプターさくら iPhone5s/5対応 シェルジャケット＆キャラピン予約受付中！
こにゃにゃちわ～！ 暑いの暑いの飛んでいけー。 夏の暑さも吹き飛ばす、気分爽快情報満載。 ケロちゃんにおまかせのコーナーがやってきたで。 みんな準備はええかな？ ほな行ってみよかー。 今日紹介するんはこれ、ジャジャーン！ カードキャプターさくら iPhone5s/5対応 シェルジャケット！ 放送終了から15年経った今も愛され続けるケルベロス・・・おっと。 今も愛され続けるカードキャプターさくらがシェルジャケットになったんやて！ どのデザインもなかなかええ感じやないかー。 ▼カードキャプターさくら iPhone5s/5対応 シェルジャケット CCS-01B クロウカード柄 一番のオススメはこれや！！ iPhoneの縦長なフォルムにクロウカードの絵柄がバッチシ合うとるやろ。 デザイナーの熱意ちゅうか、こうなんか、熱いモンが感じられるデザインや。 それいけケロちゃーんチェーック！ 背面にわいがお
男色ディーノのゲイムヒヒョー ゼロ：第290回「家系図の面白さ」
男色ディーノのゲイムヒヒョー ゼロ：第290回「家系図の面白さ」 ライター：男色ディーノ 著者近影 ゲイレスラー男色ディーノです。 私が所属するプロレス団体のDDTが，年に一度行うビッグマッチ，両国国技館大会が2014年8月17日にあるんだけど，気付けばあと1か月を切ってしまっているもんだから，ここ最近はいろいろてんやわんや。そこそこ頑張っておる毎日です。 頑張る，といえば，私が思うに“頑張る”にも種類がありましてね。「頑張ります！」と表明することと，実際に“頑張る”こと。これはね，微妙に違うものなの。 例えば，私のように一応人前に出る仕事の人間は，注目してくれてる人に対して姿勢を示さなければならない局面ってけっこうあるのよ。Twitterやブログもそういう場だと思うんだけどね。正直，ファンの人達に向けて使う「頑張ります」という文言には，さほど意味がないと思うの。だって，「頑張ります」とさ
夏休み、ジーククローネイベント開催！！
ジークロファンの人もそうでない人もこんにちわ!! ノラガミ参戦からジークロにどっぷりハマっている川口駅前店、238店長です。 いきなりですがななな、なんと!! この度カードキングダムの店舗でジーククローネの大規模な非公認交流会を行うこととなりました!!(*゜▽゜*)ワーーッ!! あんまりにもいきなりですのでちょっと経緯をば。 さてさて、ジーククローネさんは初心者の方向けのイベントを打つのが非常に上手で、進撃の巨人やノラガミあたりから 『ほかのカードゲームはやったことないけど、ジークロだけはできる』 というお客様（特に女性）もちらほら見かけます。というか結構多いのです。 カードキングダムとしては、そういうお客様を応援したい!! でも、初心者イベントは公式の方ですごいものをやっているので （詳しくはこちら→http://siegkrone-tcg.com/ や http://siegkrone
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
なぜ出品写真は裸で撮るのでしょうか？ 源泉たれながし
TwitterやFacebookなどのプロフィール画像をLEGO風のかわいいブロックにするオンラインサービス -Brickapic
脳MRI健診特別価格キャンペーン
7/24〜8/6 デパート東急本店6階おもちゃ売り場に出展します
レースゲームの「ゴースト」を通して10年前に死んだ父と再会した青年 | インサイド