CSSや画像などを使用して、透過性をウェブデザインに取り入れる方法をCSS-Tricksから紹介します。 Spectrum Theme どんなウェブデザインでも最終形では基本的に目の錯覚を巧みに利用しています。Photoshopをはじめ他のグラフィック用のアプリケーションで透過性のエフェクトを作成し、フラットな画像として書き出すことができます。 Photoshopで透過性のある画像を作成するには、レイヤーの不透明度、塗りの度合い、ブレンドモードなどで可能です。 Opacity <textarea name="code" class="css" cols="60" rows="5"> transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } </te
タグ
- すべて
- twitter (6)
- ガイガーカウンタ (8)
- 大麻 (4)
- 1-MyLink (10)
- 2ch (12)
- 3.11 (3)
- 3D (4)
- 8tracks (5)
- 911 (9)
- API (7)
- Album-release (5)
- Apple (3)
- BSE (4)
- ChromePlus (3)
- DNA (4)
- DesktopSidebar (4)
- Flu (52)
- FriendFeed (3)
- Google+ (133)
- H1N1 (24)
- HIV (4)
- Health (6)
- HootSuite (4)
- IAEA (5)
- IT (10)
- Instapaper (4)
- Iron (4)
- JASRAC (5)
- JOJO (4)
- JR (3)
- JeffBeck (7)
- LDR (19)
- MashPad (3)
- Morgellons (3)
- Mozilla_Firefox (4)
- NASA (4)
- NET (8)
- NHK (32)
- NewTwitter (5)
- NineInchNail (4)
- PC (41)
- PCカスタマイズ (7)
- PC遠隔操作事件 (14)
- PM2.5 (3)
- PTA (12)
- SBM (12)
- Sage_blog (19)
- Sage_log (3)
- Sage_net.com (4)
- Sage_news (23)
- StyleSheet (4)
- Swine (21)
- Swine Flu (6)
- TPP (6)
- URL (7)
- URL短縮 (6)
- UriahHeep (5)
- WeatherReport (4)
- Windows7 (4)
- adblock (5)
- add-ons (330)
- adobe (9)
- affiliate (10)
- amazon (27)
- app (8)
- art (7)
- audio (5)
- autopagerize (19)
- avatar (6)
- background (6)
- backup (18)
- badge (9)
- bit.ly (5)
- blog (34)
- blogger (4)
- blogparts (77)
- book (14)
- bookmark (33)
- bookmarklet (67)
- bot (7)
- browser (44)
- business (20)
- capture (13)
- chernobyl (46)
- chrome (19)
- client (4)
- code (11)
- color (19)
- comments (9)
- communication (17)
- copyright (4)
- counter (7)
- css (45)
- customize (24)
- database (7)
- del.icio.us (26)
- delicious (6)
- design (26)
- desktop (15)
- dictionary (4)
- download (58)
- dropbox (4)
- editor (7)
- english (10)
- evernote (13)
- extension (161)
- facebook (83)
- facebookページ (8)
- fastladder (16)
- favicon (11)
- feed (12)
- file (8)
- firefox (506)
- flash (14)
- flickr (10)
- follow (4)
- font (46)
- food (4)
- free (28)
- gadgets (4)
- gallery (7)
- generator (14)
- gmail (33)
- google (127)
- google chrome (13)
- google reader (10)
- googlechrome (80)
- googlemap (6)
- googlereader (12)
- googleノートブック (4)
- googleリーダー (9)
- greasemetal (4)
- greasemonkey (190)
- howto (7)
- html (14)
- hukushima (112)
- hukushima, (5)
- iPhone (38)
- iTunes (9)
- iblard (4)
- icon (30)
- icons (8)
- image (16)
- imeem (6)
- imported (35)
- internet (27)
- interview (25)
- jamendo (8)
- javascript (30)
- jeff_beck-fansite (10)
- kotoba (10)
- last.fm (13)
- life (5)
- lifehack (84)
- lifehuck (5)
- list (36)
- logo (10)
- mail (12)
- map (31)
- material (30)
- media (34)
- medical (9)
- memo (9)
- mental (8)
- microsoft (9)
- mixi (28)
- mobile (17)
- movie (60)
- mozilla (12)
- mp3 (55)
- mp4 (4)
- music (135)
- music-news (21)
- music-service (6)
- music_clip (6)
- music_magazine (8)
- musician (110)
- myspace (43)
- news (94)
- news_clip (36)
- news_comment (25)
- note (6)
- official (12)
- online (30)
- pandemic (50)
- pdf (20)
- photo (69)
- photoshop (8)
- player (6)
- plugin (5)
- posterous (12)
- privacy (11)
- profile (4)
- radio (10)
- recipe (12)
- review (6)
- rss (38)
- screenshot (5)
- search (91)
- security (124)
- sendai (8)
- seo (17)
- service (5)
- shop (4)
- shopping (40)
- sidebar (7)
- sns (16)
- softbank (7)
- software (50)
- sound (10)
- spam (13)
- stretch (7)
- stylish (29)
- tag (4)
- template (4)
- theme (43)
- thumbnail (9)
- tips (8)
- tombloo (10)
- tool (159)
- toolbar (8)
- tools (19)
- torrent (18)
- tumblr (139)
- tv (18)
- twitter (583)
- twitter-client (7)
- twitter-clip (12)
- video (5)
- wallpaper (9)
- war (4)
- wassr (7)
- weather (16)
- webdesign (78)
- webhook (4)
- weblog (27)
- webservice (321)
- widget (15)
- wiki (4)
- wikipedia (10)
- windows (29)
- wingmakers (4)
- wordpress (6)
- yahoo (5)
- youtube (125)
- あとで読む (8)
- お役立ち (4)
- これはすごい (4)
- これはひどい (29)
- ちきりん (4)
- ぬまゆ (6)
- ぬまゆさん (4)
- はてな (7)
- はてブ (37)
- まとめ (72)
- アニメ (13)
- アフリカ (5)
- アメリカ (24)
- アルツハイマー (4)
- イギリス (30)
- イスラエル (4)
- イタリア (6)
- イラク (28)
- エイプリルフール (5)
- エネルギー (9)
- オバマ (35)
- カタカナ用語 (7)
- カルト (6)
- ガイガーカウンター (11)
- ガザ (4)
- コミュニケーション (41)
- コンビニ (9)
- シミュレーション (5)
- ショートカット (7)
- スティーブ・ジョブズ (4)
- ストレッチ (4)
- ストロンチウム (11)
- ダウンロード (5)
- チェルノブイリ (7)
- チャット (6)
- テロ (4)
- ディスプレイ (4)
- デマ (5)
- デモ (9)
- トランス脂肪酸 (4)
- トリチウム (6)
- ドイツ (7)
- ナガサレールイエタテ (5)
- ネタ (20)
- フィルタリング (4)
- フランス (6)
- ブックマークメニュー (35)
- ブラック企業 (12)
- ブログ (4)
- プライバシー (4)
- プロメテウスの罠 (11)
- ベーシックインカム (8)
- ホットスポット (4)
- ホームレス (29)
- マルチ商法 (4)
- メディア (5)
- モニタリング (24)
- ユダヤ (5)
- ヨウ素 (6)
- レシピ (43)
- ロシア (14)
- ロボット (8)
- ワクチン (30)
- 中国 (60)
- 乙武洋匡 (4)
- 乳癌 (4)
- 予知 (7)
- 予言 (4)
- 事件 (8)
- 事故 (4)
- 井上直久 (4)
- 人体 (5)
- 人種差別 (6)
- 仕事 (8)
- 仙台 (37)
- 仙台市 (13)
- 企業 (8)
- 低線量内部被曝 (5)
- 保険 (4)
- 個人情報 (6)
- 借りぐらしのアリエッ (4)
- 公務員 (12)
- 内部被ばく (6)
- 内部被曝 (18)
- 冤罪 (4)
- 副作用 (4)
- 創価学会 (8)
- 劣化ウラン (5)
- 労働 (48)
- 労働問題 (4)
- 動画 (9)
- 北朝鮮 (27)
- 医 (11)
- 医療 (135)
- 占い (12)
- 原子力ムラ (7)
- 原爆 (9)
- 原発 (202)
- 原発, (7)
- 原発ムラ (6)
- 原発事故 (10)
- 原発作業員 (48)
- 口蹄疫 (9)
- 司法 (5)
- 国際 (22)
- 土壌汚染 (17)
- 地盤沈下 (4)
- 地震 (37)
- 地震予測 (5)
- 地震予知 (6)
- 堀江貴文 (10)
- 大学 (5)
- 大麻 (8)
- 太陽 (6)
- 奇形 (18)
- 女川原発 (6)
- 子育て (5)
- 宇宙 (10)
- 宗教 (16)
- 宮城 (29)
- 差別 (5)
- 年金 (9)
- 幸福の科学 (15)
- 幸福実現党 (6)
- 弁当 (6)
- 復興 (23)
- 心理 (21)
- 戦争 (31)
- 抗癌剤 (5)
- 支援 (6)
- 放射性廃棄物 (37)
- 放射性汚泥 (6)
- 放射性物質 (43)
- 放射線 (21)
- 放射線マップ (5)
- 放射線基準値 (5)
- 放射線測定 (5)
- 放射線量 (42)
- 放射能 (16)
- 放射能土壌汚染 (9)
- 放射能対策 (20)
- 放射能汚染 (53)
- 放射能汚染物質 (10)
- 放射能汚染食品 (127)
- 放射能測定 (6)
- 政府 (27)
- 政治 (43)
- 政治家 (10)
- 教育 (25)
- 文化 (5)
- 文科省 (9)
- 日本 (9)
- 暴動 (5)
- 書評 (28)
- 朝日新聞 (4)
- 東北地方太平洋沖地震 (29)
- 東日本大震災 (22)
- 東海村 (5)
- 東電 (46)
- 核 (4)
- 核実験 (4)
- 核廃棄物 (4)
- 格差社会 (12)
- 検索 (10)
- 楽天 (14)
- 橘川幸夫 (7)
- 歴史 (10)
- 民主党 (7)
- 汚染水 (4)
- 沖縄 (5)
- 河北新報 (6)
- 津波 (9)
- 派遣 (12)
- 海外 (61)
- 漫画 (11)
- 災害 (9)
- 炎上 (4)
- 焼却炉 (5)
- 犯罪 (8)
- 犯行予告 (4)
- 猫 (4)
- 環境 (6)
- 環境省 (9)
- 瓦礫 (6)
- 生活 (7)
- 生活保護 (15)
- 生物 (15)
- 産地偽装 (4)
- 甲状腺がん (8)
- 甲状腺検査 (6)
- 甲状腺機能低下 (4)
- 男女 (7)
- 画像 (15)
- 病気 (6)
- 癌 (12)
- 白血病 (8)
- 皇室 (7)
- 短縮URL (4)
- 社会 (35)
- 福島 (5)
- 福島原発 (7)
- 福島原発事故 (9)
- 米 (7)
- 米, (5)
- 糖尿病 (4)
- 素材 (9)
- 経済 (23)
- 給食 (8)
- 美容 (4)
- 翻訳 (11)
- 考察 (95)
- 脳 (23)
- 臓器移植 (6)
- 自主避難 (4)
- 自殺 (16)
- 自民党 (6)
- 自衛隊 (15)
- 芸能 (32)
- 著作権 (67)
- 薬 (18)
- 虐待 (10)
- 行政 (13)
- 被ばく (166)
- 被ばく検査 (4)
- 被災 (9)
- 裁判 (20)
- 規制 (7)
- 視力 (4)
- 角丸 (5)
- 言葉 (186)
- 訃報 (7)
- 警察 (13)
- 貧困 (24)
- 軍事 (5)
- 辞書 (4)
- 選挙 (26)
- 避難 (4)
- 除染 (28)
- 隕石 (6)
- 電子書籍 (7)
- 震災瓦礫 (15)
- 韓国 (9)
- 音楽配信 (6)
- 顔文字 (7)
- 食 (47)
- 食品 (10)
- 飯島愛 (6)
- 高速化 (43)
- twitter (583)
- firefox (506)
- add-ons (330)
- webservice (321)
- 原発 (202)
- greasemonkey (190)
- 言葉 (186)
- 被ばく (166)
- extension (161)
- tool (159)
cssと透過に関するkisato_miiのブックマーク (1)
-
kisato_mii 2010/06/08
「opacity」だけでなく、「RGBa」「HSLa」を使用- css
- 透過
- webdesign
リンク -
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx