サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
●はてなブックマークって？
●アプリ・拡張の紹介
●ユーザー登録
●ログイン
●ログアウト
kyaraway
id:kyaraway
●
6,079
ブックマーク
●
-
お気に入り
●
-
お気に入られ
タグ
●すべて
●
*COOL
(97)
●
*CUTE
(69)
●
*POP
(253)
●
*SPORTY
(29)
●
*basic
(22)
●
*bold
(2)
●
*かわいい
(167)
●
*ぐりぐり動く
(65)
●
*さわやか
(46)
●
*はみだし系
(9)
●
*アンティーク
(6)
●
*イラスト
(1)
●
*インパクト
(105)
●
*エコ
(27)
●
*エスニック
(1)
●
*ガーリー
(56)
●
*グランジ
(5)
●
*グリッド
(92)
●
*コテコテ
(8)
●
*コミック風
(1)
●
*シック
(3)
●
*シンプル
(196)
●
*センターロゴ
(4)
●
*センター配置
(1)
●
*ナチュラル
(97)
●
*ナナメ
(4)
●
*パララックス
(38)
●
*ビンテージ
(11)
●
*フェミニン
(64)
●
*フラット
(56)
●
*マルチカラム
(1)
●
*ミニマル
(33)
●
*ラウンド
(1)
●
*レシポンシブ
(25)
●
*レトロ
(4)
●
*ロハス
(13)
●
*上質感
(49)
●
*世界観
(107)
●
*余白
(7)
●
*信頼感
(39)
●
*和テイスト
(47)
●
*手書き
(87)
●
*木目
(3)
●
*渋い
(22)
●
*渋かっこいい
(10)
●
*癒し
(2)
●
*素材感
(37)
●
*縦書き
(16)
●
*脱力系
(15)
●
*親しみやすさ
(54)
●
.htaccess
(1)
●
2ch
(1)
●
3D
(23)
●
404エラー
(10)
●
AC部
(1)
●
AI(5)
●
API
(9)
●
AR(1)
●
CGM
(12)
●
CI(5)
●
CMS
(12)
●
CSR
(4)
●
CSS Nite
(1)
●
CSS Sprite
(1)
●
CSS3アニメーション
(1)
●
Cocco
(2)
●
Codiqa
(3)
●
EC(4)
●
GoogleAnalytics
(6)
●
Graphic
(19)
●
Gutenberg
(3)
●
HTML
(33)
●
HTMLメール
(8)
●
IEバグ対策
(1)
●
IR(1)
●
Javascript
(104)
●
Korean
(1)
●
LINE
(2)
●
LP(5)
●
LPO
(9)
●
Label
(2)
●
LeanCanvas
(1)
●
MEGA-D
(1)
●
Media Queries
(3)
●
Metro
(1)
●
Microdata
(2)
●
OKWave
(1)
●
Pictogram
(16)
●
PowerPoint
(1)
●
Product
(8)
●
Progression
(2)
●
RM(5)
●
RSS
(1)
●
Retina対応
(1)
●
SEO
(36)
●
SSI
(1)
●
SVG
(9)
●
Saas
(1)
●
Skype
(1)
●
SnowMonkey
(1)
●
Table
(10)
●
Thunderbird
(1)
●
Tips
(21)
●
Tumblr
(3)
●
Tutorial
(2)
●
Twitter
(80)
●
Tシャツ
(4)
●
UI(169)
●
UNIQLO
(1)
●
UX(22)
●
VPN
(1)
●
W3C
(1)
●
WCAG
(1)
●
Webフォント
(1)
●
Wordpress
(30)
●
Xoops
(11)
●
Youtube
(12)
●
accessibility
(23)
●
accessorie
(1)
●
actionscript
(10)
●
ad(1)
●
add-on
(1)
●
adhd
(2)
●
adobe
(8)
●
air
(6)
●
ajax
(34)
●
android
(24)
●
animation
(78)
●
app
(6)
●
apple
(1)
●
art
(81)
●
asp
(1)
●
award
(10)
●
banner
(6)
●
bbq
(1)
●
bento
(1)
●
beproud
(1)
●
blog
(86)
●
blog parts
(15)
●
book
(31)
●
bootstrap
(12)
●
box-shadow
(2)
●
branding
(2)
●
bts
(11)
●
button
(11)
●
cafe
(7)
●
calligraphy
(1)
●
camera
(2)
●
canvas
(3)
●
chatGPT
(2)
●
chrome
(3)
●
comic
(11)
●
communication
(2)
●
copyright
(5)
●
creative commons
(2)
●
css
(186)
●
css3
(55)
●
cssnite
(2)
●
design
(124)
●
design system
(3)
●
designer
(1)
●
designsystem
(1)
●
dimention
(1)
●
direction
(19)
●
dreamweaver
(1)
●
eco
(12)
●
english
(6)
●
event
(87)
●
evernote
(2)
●
excel
(9)
●
exhibition
(4)
●
extension
(1)
●
facebook
(32)
●
fashion
(2)
●
favicon
(3)
●
firefly
(1)
●
firefox
(5)
●
fireworks
(40)
●
flash
(588)
●
flexbox
(2)
●
flickr
(1)
●
font
(197)
●
food
(4)
●
footer
(10)
●
form
(45)
●
framework
(23)
●
friend
(1)
●
ga4
(2)
●
gadget
(3)
●
gallery
(2)
●
game
(16)
●
generator
(68)
●
git
(2)
●
google
(35)
●
google chrome
(4)
●
google+
(2)
●
googlemap
(8)
●
graph
(14)
●
header
(2)
●
health
(43)
●
html5
(76)
●
iPhone
(72)
●
icon
(159)
●
iconfont
(5)
●
idea
(61)
●
illustration
(134)
●
illustration site
(2)
●
illustrator
(42)
●
infographics
(5)
●
inspiration
(73)
●
instagram
(3)
●
interview
(10)
●
jQuery
(173)
●
jQueryMobile
(6)
●
kids
(16)
●
library
(16)
●
license
(2)
●
lifehack
(8)
●
loading
(7)
●
logo
(94)
●
lottie
(6)
●
mac
(3)
●
magazine
(10)
●
map
(24)
●
marketing
(2)
●
mashup
(6)
●
memo
(3)
●
moag
(3)
●
mobile
(46)
●
mockup
(2)
●
motion
(15)
●
movabletype
(7)
●
movie
(43)
●
mp3
(2)
●
music
(9)
●
mywork
(19)
●
nocode
(8)
●
olympic
(13)
●
pdf
(4)
●
photo
(44)
●
photo gallery
(6)
●
photographer
(2)
●
photoshop
(210)
●
php
(2)
●
pinterest
(2)
●
plugin
(54)
●
podcast
(5)
●
psychology
(5)
●
qrコード
(5)
●
sass
(7)
●
screensaver
(10)
●
seculity
(2)
●
self help
(14)
●
simulation
(3)
●
slowlife
(2)
●
sns
(24)
●
sound
(3)
●
template
(6)
●
texture
(53)
●
travel
(22)
●
tv(29)
●
tv-tokyo
(30)
●
typekit
(2)
●
typography
(78)
●
usability
(45)
●
ustream
(7)
●
variablefont
(2)
●
vector
(44)
●
wallpaper
(11)
●
web design
(53)
●
web magazine
(53)
●
webdesign
(13)
●
webfont
(16)
●
webサービス
(399)
●
web制作
(43)
●
wiki
(2)
●
windows7
(3)
●
xd(6)
●
★イエロー
(55)
●
★オレンジ
(37)
●
★カラフル
(103)
●
★グリーン
(97)
●
★ナチュラル
(100)
●
★パープル
(16)
●
★ピンク
(61)
●
★ブラウン
(52)
●
★ブラック
(23)
●
★ブルー
(103)
●
★ペールトーン
(17)
●
★ホワイト
(8)
●
★モノトーン
(77)
●
★レッド
(49)
●
★白ベース
(155)
●
★黒ベース
(66)
●
♪
(175)
●
あとで見る
(86)
●
あとで試す
(52)
●
あとで読む
(238)
●
あとで頑張る
(9)
●
おもちゃ
(4)
●
おやつ
(18)
●
お役立ち
(8)
●
かわいい
(2)
●
これはすごい
(85)
●
これはひどい
(3)
●
どうぶつ
(43)
●
はてな
(13)
●
まとめ
(298)
●
アコーディオン
(2)
●
アプリ
(16)
●
イラスト
(2)
●
インテリア
(98)
●
エラスティック・レイ
(5)
●
オープンソース
(5)
●
カスタムシェイプ
(2)
●
カルーセル
(4)
●
ガイドライン
(19)
●
クリエイティブ・コモ
(2)
●
クーポン
(3)
●
グループウェア
(2)
●
コミュニケーション
(4)
●
シルエット
(3)
●
シングルページ
(2)
●
スクロール
(3)
●
ストックフォト
(24)
●
スマートフォン
(80)
●
スライドショー
(22)
●
セマンティック
(2)
●
セミナー
(10)
●
チュートリアル
(130)
●
テレビ東京
(2)
●
デザイン参考
(31)
●
デバッグ
(3)
●
ネタ
(124)
●
バナー
(2)
●
バージョン管理
(2)
●
ヒアリングシート
(2)
●
フリーソフト
(19)
●
フリー素材
(225)
●
ブックマークレット
(2)
●
ブラウザ
(3)
●
ブラシ
(50)
●
ブランディング
(8)
●
プレゼン
(2)
●
プロジェクト管理
(19)
●
ペルソナ
(2)
●
ペーパークラフト
(2)
●
ボランティア
(3)
●
マインドマップ
(4)
●
マーケティング
(50)
●
メルマガ
(2)
●
ライティング
(20)
●
ランディングページ
(4)
●
リアル脱出ゲーム
(2)
●
リニューアル
(7)
●
レスポンシブ
(3)
●
ローフード
(5)
●
ワイヤーフレーム
(2)
●
ワークフロー
(2)
●
中村勇吾
(8)
●
人工知能
(4)
●
人形町
(2)
●
人生
(12)
●
仕事術
(106)
●
企画書
(3)
●
便利ツール
(8)
●
写真
(2)
●
出産祝
(3)
●
勉強会
(5)
●
動画
(36)
●
印刷
(8)
●
原発
(19)
●
地震
(36)
●
女子プロレス
(18)
●
寄藤文平
(7)
●
山田ズーニー
(8)
●
広告
(42)
●
心理
(10)
●
恋愛
(6)
●
投資
(2)
●
拡張機能
(4)
●
放射能
(3)
●
政治
(5)
●
教育
(3)
●
料理
(62)
●
映画
(22)
●
東日本大震災
(6)
●
横幅
(2)
●
正規表現
(2)
●
気になる
(20)
●
求人
(15)
●
物欲
(34)
●
用語
(2)
●
画面設計
(14)
●
着物
(8)
●
短歌
(2)
●
禁煙
(5)
●
素材
(87)
●
統計
(3)
●
練習
(3)
●
考え方
(6)
●
自己啓発
(4)
●
自転車
(7)
●
花火
(4)
●
茂木健一郎
(2)
●
落語
(2)
●
著作権
(1)
●
薬事法
(3)
●
行きたい
(4)
●
見出し
(2)
●
読み物
(111)
●
転職
(2)
●
軽量化
(2)
●
配色
(36)
●
雑学
(2)
●
雑貨
(69)
●
電子書籍
(2)
●
韓流
(5)
●
食
(4)
●
高速化
(10)
●
黄金比
(6)
●
｜ECサイト
(164)
●
｜Music
(18)
●
｜まとめサイト
(5)
●
｜アーティスト系
(26)
●
｜イベント
(12)
●
｜キャラクター
(83)
●
｜キャンペーン
(79)
●
｜コミュニティ
(25)
●
｜サイト紹介サイト
(65)
●
｜デザインサンプル
(78)
●
｜ドラマ
(2)
●
｜ニュース
(5)
●
｜ファッション
(129)
●
｜ブランディング
(56)
●
｜プロモーション
(48)
●
｜ポータル
(33)
●
｜ポートフォリオ
(63)
●
｜交通
(2)
●
｜企業系
(34)
●
｜制作会社
(204)
●
｜医療系
(8)
●
｜家電系
(11)
●
｜採用サイト
(53)
●
｜教育
(11)
●
｜美容系
(10)
●
｜車メーカー
(10)
●
｜金融系
(12)
●
｜非営利
(18)
●
｜食品系
(39)
●
ワロス
(12)
●
flash
(588)
●
webサービス
(399)
●
まとめ
(298)
●
*POP
(253)
●
あとで読む
(238)
●
フリー素材
(225)
●
photoshop
(210)
●
｜制作会社
(204)
●
font
(197)
●
*シンプル
(196)
関連タグで絞り込む (1)
●
css3
タグの絞り込みを解除
box-shadowに関するkyarawayのブックマーク (2)
●
13 users
●
designblog.ecstudio.jp
●テクノロジー
今回はESET mac版の公式サイトで使用した擬似要素︵:before・:after︶を使ったbox-shadowのエフェクトを紹介していきたいと思います。 ESET Cybersecurity︵イーセット サイバーセキュリティ︶と ESET Smart Securityのサイトでデザインアクセントとして実装しています。︵2011/11/15現在︶ 実際の使用例 今回は、コンテンツボックスの影の中央部分が少し膨らんでいるようなエフェクトを使用しています。 コードは以下のように記述しています。
kyaraway
2013/03/27
●box-shadow
●css3
●
333 users
●
www.html5-memo.com
●テクノロジー
kyaraway
2012/10/31
●css3
●box-shadow
1
お知らせ
ランキング
今週のはてなブックマーク数ランキング︵2024年7月第3週︶
ランキング
今週のはてなブックマーク数ランキング︵2024年7月第2週︶
お知らせ
はてなブックマーク透明性レポート︵2024年2月-2024年4月︶
もっと読む
公式Twitter
●@HatenaBookmark
リリース、障害情報などのサービスのお知らせ
●@hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
●総合
●一般
●世の中
●政治と経済
●暮らし
●学び
●テクノロジー
●エンタメ
●アニメとゲーム
●おもしろ
●アプリ・拡張機能
●開発ブログ
●ヘルプ
●お問い合わせ
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●公式アカウント
●ホットエントリー
●はてなブログ
●はてなブログPro
●人力検索はてな
●はてなブログ タグ
●はてなニュース
●ソレドコ
Copyright © 2005-2024 Hatena. All Rights Reserved.
設定を変更しましたx
擬似要素︵:before・:after︶を使ったbox-shadowのエフェクトでデザインアクセント！ - EC studio デザインブログ
html5-memo.com