匿名質問者
匿名質問者匿名質問者とは「匿名質問」を利用して質問した質問者。
「匿名質問」では、ユーザー名を公開せずに匿名の質問ができます。
詳しくはこちら

1396325119 TwitterBootstrap3で丸加工した画像の周りに影をつける方法を教えてください。

画像は例です。

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2014/04/01 13:05:19
  • 終了:2014/04/08 13:10:05

回答(1件)

匿名回答1号 No.1

匿名回答1号「匿名質問」を利用した質問に回答すると「匿名回答○号」と匿名で表示されます。
「匿名質問」では、ユーザー名を公開せずに匿名の質問ができます。
詳しくはこちら
2014/04/04 16:28:33

添付されたような丸く作った画像に影を付けるということでしょうか?
まず、画像は丸く作ろうが透過処理しようが、Webに貼り付ける時は四角のオブジェとして認識されるのはご存知ですよね?

ドロップシャドウなどはCSS単体で出来るのでそれ単品のクラスはBootstrapに存在しません。
CSSで角丸にしてbox-shadowをかければCSSだけで円状のドロップシャドウを再現することはできます。

border-radius: 100px; /*画像の直径*/
box-shadow: 0 5px 5px rgba(0,0,0,0.2);

あとはabsoluteで浮かせて配置すれば添付画像のようなレイアウトもCSSだけで可能です。

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません