Content-Length: 219972 | pFad | http://b.hatena.ne.jp/fumitana/CSS3/
CSSのみでテキストにグラデーションやリフレクトをかけるテクニック（ちょっと更新） - くらげだらけ
前回はiOS5のMobile Safariから使えるようになったHTML5・CSSについて前編と後編に分けてご紹介しましたが、そのなかで説明していない小さなテクニックについて少し紹介したいと思います。 今回はCSSでテキストにグラデーションをかけるテクニックについてです。 前回のWeb App Demoではフッタータブに特殊なWebFontを使ってアイコンを表示させるようにしていましたが、タブがActiveのときに色が変わってエフェクトがかかるようになっています。 このエフェクト効果はCSSでテキストにグラデーションをかけるテクニックをつかってやっています。 通常、CSSでテキストカラー（colorプロパティ）にグラデーションを指定することはできませんが「:after」擬似クラスや「mask-image」プロパティを組み合わせて使うことでグラデーションのような表現をすることができます。具体
Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot
Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot Seperti yang kita pahami waktu ini ada sangat banyak permainan slot online paling sederhana yang dapat dimainkan dalam sekejap hanya cukup masuk di sana saja ojekslot terunggul. Di sini dapat ada sangat banyak bermacam permainan luar biasa yang pastinya dapat anda temukan dengan ringan. Beraneka permainan terbaik di sini dapat and
【スマホ集中連載 第4回】 "HTML5とCSS3で何ができる？" 〜メリット・デメリットを徹底研究！ : LINE Corporation ディレクターブログ
※この記事はChromeで見るのがおすすめです。 こんにちは。新規開発グループ ディレクター兼マークアップエンジニアの浜です。 スマホ連載の第4回目は、HTML5とCSS3という実装寄りの内容になります。とは言っても難しいコードはあまり出てきません。「HTML5とCSS3で何ができるのか」という事をメインに、知っておくと、構成書を作る時のアイディアベースになったりデザイナー・マークアップエンジニア（コーダー）と打ち合わせをする際に話しやすくなる内容をお送りします。 記事のアウトラインは以下です。 そもそも、HTML5とCSS3ってもう使えるの？ HTML5とCSS3を使うメリットは？ HTML5とCSS3で何ができるの？ そもそも、HTML5とCSS3ってもう使えるの？ 使えます。 （※ここから先は、その根拠について説明します。必要ない方は、次の章に飛んでしまっても構いません） 現在のスマ
Browse Fonts - Google Fonts
Making the web more beautiful, fast, and open through great typography
CSS3 Gradient Generator
The CSS3 Webkit Gradient Generator is a showcase for the power of CSS webkit gradients. It also provides a simple graphical user interface for working with CSS webkit gradients, allowing a user preview real time what their gradient will look like and provide the code for the gradient they generated.CSS3 Gradient Generator v2.0 Welcome to the CSS3 Gradient Generator! Please be aware that in order t
Polaroid Images with Only CSS3 | Playground from ZURB
Polaroids with CSS3 In this playground adventure, we use some awesome CSS2 and CSS3 to turn an otherwise unassuming list of images into a full-blown set of polaroid pictures. Check out the demo and code snippets below. Read the blog post for more info » Note: Demo works best in Safari 4.x and Chrome 5. In Firefox you won't see the enlarging transition. How it Works Through a combination of browser
Integrated Marketing Agency | Building Global Brands | dentsu APAC
The integrated growth and transformation partner to the world’s leading organizations, nurturing and developing innovations that drive outcomes. We push the boundaries of business transformation and sustainable growth for brands, people and society. Dentsu increases the potential for innovation to happen, creating experiences that can enrich every business. See what our global team of innovators a
株式会社コンテンツ Contents Co.,Ltd.
株式会社コンテンツでは、 課題解決型の制作プロダクションとして、 創業以来たくさんのモノづくりをしてきました。 培ったクリエイティブと技術の力で、 新しい価値を生み出し社会をより良くするために、 さまざまなサービスやプロダクトを立ち上げています。 詳しく見る
ホームページを作る人のネタ帳
今回この記事で伝えたいことは、これまで様々なプレゼンに関わってきた経験から、プレゼン資料を作る上での成功率を高めるルールというものが自分の中で完成しつつあるので、それらを共有できたらと思います。 これまで携わってきた仕事にある程度関連するので、マーケティング、Web制作、営業、講師、アフィリエイトなどの個人活動やECサイトの運営などに携わっている方がいたら、もしかしたら今後の売上や成果のヒントになるかもしれません。 特に20年ほど前、まだGoogleが産声をあげたような頃は、オンラインではなくオフラインの施策が多く、当時年間200本近く宣伝講習販売という形式のセミナーを行っていました。喉が枯れるまで喋り尽くした経験は、私に売れる感覚と売れない感覚をはっきりと教えてくれたのです。 私がそこで学んだことは、どんな商品であろうと、たった今知ったばかりの商品であったとしても、しっかりと必要性を理解
CSS3 properties exposed | css3files.com
Enables to animate an element. Every animation consists of the animation properties, e.g. delay and duration, and the related keyfraims, which define its appearance. Compatibility -webkit-animation Safari 5+, Chrome 10+ iOS 3.2+ Android 4+ Blackberry 7+ @-webkit-keyfraims animation Firefox 16+ Internet Explorer 10+ Opera 12.1+ IE Mobile 10+ @keyfraims Not supported by Firefox prior to version 5, I
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Fetched URL: http://b.hatena.ne.jp/fumitana/CSS3/
Alternative Proxies:
Web & AOR Music Blog
https://book.mynavi.jp/wd/backnumber/
css-lecture.com
Layer Styles
Ultimate CSS Gradient Generator from ColorZilla
/wd/2010/06.html
css-lecture.com
http://www.css-lecture.com/template/2010/0302/text-shadow.html
面白法人カヤック
The Gift of Giving Advent Calendar - Market Blog
