CSSでディスクを回転浮上させるエフェクトのサンプル

テクノロジーカテゴリーの変更を依頼記事元:

blog.56doc.net

54 usersがブックマークコメント

コメント

2

記事へのコメント2件

注目コメント
新着コメント

glat_design ちょっと参考にするかも /

2013/02/16 リンク

gorodoku 平面的に回転しながら拡大で浮き上がってくるように見えるボタン的なもののエフェクト

2013/02/15 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

CSSでディスクを回転浮上させるエフェクトのサンプル

CSS演出小ネタ連投です。【borde-radius】で作った丸型の要素に対し、マウスオーバーでコンテンツを回... CSS演出小ネタ連投です。【borde-radius】で作った丸型の要素に対し、マウスオーバーでコンテンツを回転させながら浮かび上がらせる方法です。 transf ormで拡大と回転言葉で説明するのはとっても難しい（けどやってることは全然難しくない）のでさっそくサンプルをご覧下さい。 HTML <p> <span>Shop</span> <a href="#">More info</a> </p> 【p】のなかに【span】と【a】が並んで内包されています。通常時は【span】のみ表示させておいてhoverで【a】を浮き上がらせてこよう、という構想。 p,span,a{ display:block; position:absolute; width:100px; height:100px; border-radius:50%; font-size:16px; text-align:cen

ブックマークしたユーザー

hemox2016/01/29
lEDfm4UE2013/03/31
clavier2013/03/23
nasneg2013/02/23
yorozuna2013/02/20
Nyoho2013/02/19
mustache_york2013/02/18
kssm2013/02/17
akiok_jp2013/02/16
advblog2013/02/16
kana3212013/02/16
samayaaan2013/02/16
studio-louis2013/02/16
MADOKA-Rin2013/02/16
jaga2912013/02/16
masamizo2013/02/16
glat_design2013/02/16
fushimik2013/02/16

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx