“.frame {2 display: inline-block;3 position: relative;4}5.frame:after {6 position: absolute;7 content: "";8 box-shadow: 0 15px 10px rgba(0,0,0, .5); /* シャドウ */9 transform: rotate(3deg); /* 回転させる */10 right: 5px;11 left: auto;12 top: auto;13 bottom: 15px;14 z-index: -1;15 width: 5

oneshin3 のブックマーク 2016/04/12 14:17

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/82248561/comment/oneshin3" data-user-id="oneshin3" data-entry-url="https://b.hatena.ne.jp/entry/webrocketsmagazine.com/entry/20120224/css3-image-effects.html" data-original-href="http://webrocketsmagazine.com/entry/20120224/css3-image-effects.html" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwebrocketsmagazine.com%2Fentry%2F20120224%2Fcss3-image-effects.html" data-user-icon="/users/oneshin3/profile.png">CSS3を使ってできる画像まわりのエフェクトやスタイリング18</a><ul class="comment-tag" style="list-style: none; margin: 0px;"><li style="float: left">[<a href="https://b.hatena.ne.jp/q/CSS">CSS</a>]</li></ul><br><p style="clear: left">“.frame {2 display: inline-block;3 position: relative;4}5.frame:after {6 position: absolute;7 content: &quot;&quot;;8 box-shadow: 0 15px 10px rgba(0,0,0, .5); /* シャドウ */9 transform: rotate(3deg); /* 回転させる */10 right: 5px;11 left: auto;12 top: auto;13 bottom: 15px;14 z-index: -1;15 width: 5</p><a class="datetime" href="https://b.hatena.ne.jp/oneshin3/20160412#bookmark-82248561"><span class="datetime-body">2016/04/12 14:17</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

このブックマークにはスターがありません。
最初のスターをつけてみよう！