Matt Hamm on about.me
Matt HammDesigner, Director, and Small Business Owner in Jávea, Spain Matt HammDesigner, Director, and Small Business Owner in Jávea, SpainHire me Creative Director and co-founder of Supereight Studio Matt Hamm is a talented UK designer currently based in Spain, renowned for his innovative and captivating design solutions. With a passion for combining aesthetics with functionality, Matt has establ
画像を用意しなくてもCSSだけでロールオーバー効果を表現するテクニック｜クロノドライブ
サンプルページ ここで使用されているopacityプロパティは、CSS3で追加される予定の透明度に関するプロパティであり、1を基準として、0に近付くほど透明度が高くなっていく仕様です。これをロールオーバー時のスタイルに適用することで、画像の透明度を上げ、ホバーで画像を変化させたような効果が得られるわけです。 IEではこのプロパティが利用できないため、IE独自のフィルタであるfilter: alphaを使用することで同様の効果を表現しています。 注意点としては、画像の透明度自体を上げるプロパティであるため、背景画像や背景色を指定している場合はそれらが透けてしまう可能性があるという点です。そういったデザインではない場合で、手軽にロールオーバーのような効果を表現したい場合は、上記のテクニックを使用してみてください。
accidentalhacker.com - このウェブサイトは販売用です！ - accidentalhacker リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
脱初心者さんのためのCSSとWebデザインのクイズ8問
Webデザイン、CSS初心者さんに送るCSSクイズです。Webデザインを見て、CSSでどう書くかという問題です。全部とけたら脱初心者！？です！クイズに答えていくと、Webデザインというものへの理解がちょっとだけ深まるかもしれません！Webデザインを見てCSSではどう書くか？というクイズを作ってみました。 脱初心者を目指す初心者さん向けのCSSクイズです。 問題、答えと続くので、ゆっくりスクロールしながら読んでくださいね！ WebデザインとCSSは切っても切れない関係です。 CSS、Webデザイン初心者さんは、色んなWebサイトを見て「これってどうなってるんだろう…」と思うこともたくさんあると思います。 私は色んなWebデザインを見て、CSSでどう表現するか？と考えることはとても大事だと思っています。 CSSというと局所的なテクニックやクロスブラウザ、CSSハックなどに目がいきがち
デザインをちょっと素敵にするサンプル 8
先日 HTML5 + CSS3 で書かれた、素敵な雑誌の表紙みたいな Webサイトを見つけました。それ以来、CSS3 だったらコレもできそう ... アレもできるかも ... なんてことを、雑誌のデザインなどを見ながらひとり盛り上がってます w まだまだ IE では CSS3 が使えないけれど、今回はいくつか CSS3 のサンプル作りに挑戦してみました。 まるで雑誌の表紙のようなデザインで、とっても感動してしまいました。HTML5 と CSS3 で書かれていて、ブロック要素、内包するテキストも斜めにレイアウトされています。細いテキストを斜めにすると、とても読みにくくなってしまうんですけどフォントも工夫されてて判読性も十分です。 もちろん IE では斜めではなくて水平に表示されてしまうんですけど、それでも閲覧するのに困らないようなハイブリットなデザインで、またまた感動！ これから近い将来、C
[CSS]3枚の画像を使って、立体的なキューブ状にするスタイルシート
Building a 3D Cube With HTML5 and CSS3 デモ [ad#ad-2] 画像はdiv要素で実装されているため、CSSオフ時は上のキャプチャの左のように表示されます。 使用している画像はサイズ100x100の3枚で、下記のようになります。 画像のキャプチャ 実装は、下記のようになります。 HTML HTMLには、HTML5を使用しています。 <div class="cube"> <div class="face top"><img src="img/WPN-P.png" width="100" height="100"></div> <div class="face left"><img src="img/WPN-W.png" width="100" height="100"></div> <div class="face right"><img src="i
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The W3C Markup Validation Service
【HTMLタグの簡単検索】TAG index - ホームページ作成情報
