気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
coliss.comエントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント8件
- 注目コメント
- 新着コメント
poppun1940
画像にシャドウをつけてふわりと浮かせ、そのシャドウごとくるっと回転させるスタイルシートを紹介します。 シャドウ用の余計なマークアップは必要ありません。 CSS 3D Image Flip Gallery With Dynamic Shadows 静止画でポイントを
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
いまの話題をアプリでチェック！
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
[CSS]シャドウもくるっと！ふわりと浮かせた画像をくるっと回転させるスタイルシート
HTML 画像とキャプションのテキストをfigure要素で配置し、divで内包します。 <div class="flip-3d"> <f... HTML 画像とキャプションのテキストをfigure要素で配置し、divで内包します。 <div class="flip-3d"> <figure> <img src="yacht.jpg" alt=""> <figcaption>Yacht</figcaption> </figure> </div> <div class="flip-3d"> <figure> <img src="bee.jpg" alt=""> <figcaption>Bee</figcaption> </figure> </div> シャドウ用の余分なマークアップは、必要ありません。 CSS まずはfigure要素を3Dにし、各画像をfloatで配置します。 div.flip-3d { perspective: 1200px; width: 30%; float: left; } div.flip-3d figure
ブックマークしたユーザー
すべてのユーザーの
詳細を表示します
詳細を表示します
coliss.com
coliss.com
coliss.com
coliss.com
hayacomic.jp
nordot.app
president.jp
www.sankei.com
togetter.com
scrapbox.io/kawasima
blog.g-gen.co.jp
speakerdeck.com/lycorptech_jp
zenn.dev/teradatky
www.itmedia.co.jp
about.fb.com
gigazine.net
detail.chiebukuro.yahoo.co.jp
www.itukinomiya.jp
nar.k-ba.net
nar.k-ba.net
2013/09/22 リンク