気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
qiita.com/nishihara_zariエントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
0
記事へのコメント0件
- 注目コメント
- 新着コメント
新着コメントはまだありません。
このエントリーにコメントしてみましょう。
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
いまの話題をアプリでチェック！
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
HTML + CSSでリアルなチョコレートを作る - Qiita
本日はバレンタインということで、チョコレートを作りました（CSS的な意味で）。今回はbox-shadowを多用... 本日はバレンタインということで、チョコレートを作りました（CSS的な意味で）。今回はbox-shadowを多用して作っています。最近話題のNeomorphismもbox-shadowを使って陰影を実装できますが、その参考になるかもしれません。 See the Pen MWwaxqp by Nishihara (@Nishihara) on CodePen. 概要 矩形のブロックが基本構成なので、box-shadowを使って陰影を作りました。明るいbox-shadowと暗いbox-shadowを重ねることでハイライトと影を表現します。div要素に加え、擬似要素にもbox-shadowを使っているので、けっこう重ね掛けしています。 今回は装飾にtext-shadowも使って内エンボス加工風の文字も添えました。 45度の突き合わせ こだわったのは、角の部分です。斜め45度で突き合わせるのですが、
ブックマークしたユーザー
すべてのユーザーの
詳細を表示します
詳細を表示します
qiita.com/nishihara_zari
qiita.com/nishihara_zari
qiita.com/nishihara_zari
qiita.com/nishihara_zari
natgeo.nikkeibp.co.jp
posfie.com
www.47news.jp
news.denfaminicogamer.jp
internet.watch.impress.co.jp
zenn.dev/schroneko
tonkotsuboy.github.io
blog.tinect.jp
note.com/asahi_ictrad
pc.watch.impress.co.jp
www.itmedia.co.jp
gihyo.jp
yumeonelight.jimdofree.com
ascii.jp
rintaroh.net
levtech.jp
foneslife.com
suumo.jp
engineers.ntt.com
