添付されたような丸く作った画像に影を付けるということでしょうか?
まず、画像は丸く作ろうが透過処理しようが、Webに貼り付ける時は四角のオブジェとして認識されるのはご存知ですよね?
ドロップシャドウなどはCSS単体で出来るのでそれ単品のクラスはBootstrapに存在しません。
CSSで角丸にしてbox-shadowをかければCSSだけで円状のドロップシャドウを再現することはできます。
border-radius: 100px; /*画像の直径*/
box-shadow: 0 5px 5px rgba(0,0,0,0.2);
あとはabsoluteで浮かせて配置すれば添付画像のようなレイアウトもCSSだけで可能です。
コメント(0件)