バレンタインデーにまだ間に合う！ブログやサイトをチョコレート色に彩るCcSSの実装 / SQUEEZE - Web Design Studio -
巷ではバレンタインデー間近という雰囲気ですが、特に予定のない私からみなさまへのちょっと早いチョコレートの贈り物です。 「CcSS」聞き慣れない見慣れないワードだと思いますが ブログやサイトをチョコレート色に彩るには大事な技術となります。 そうそれは 『Chocolatecoating Style Sheet』 ・・・・・・ ・・・・ ・・・ ・ ・・・はい、それでは以下にご紹介します。 IE8くんのこと前から・・・(*^.^*) サンプルとソースを見る » 「border」の上3px、左右5px、下12pxの幅と色を調整することで立体的な表現をしています。また、擬似要素の「:before」「:after」に「border」で作成した台形を配置して切り込みを再現。台形の作り方はこちらをご覧ください。 ・アクセントに使えるCSSのborderと擬似要素を使った立体的な見出しデザイン でもIE8
CSSで描くスペクタクル！「ドラ○もん 3D」 / SQUEEZE - Web Design Studio -
ぷるぷるしてたw 何枚も重ねたら面白そうだなぁ。('A')っ｜ぷるぷる！飛び出す？！CSSでテキストを3Dっぽくしみた！ :. SQUEEZE .: squeeze.jp/blog/web-desig… — すしぱくさん (@susipaku) 2013年2月6日 それでは・・・ まずは、何枚も重ねたような絵の素材が必要です。「街並みのシルエットを何層にも重ねて」など色々と考えていましたが、なかなかしっくり来ません。 そこで思い出したのがこれ↓ ・CSSで絵を描く！？今日から作れる達人のコツをご紹介 | KAYAC DESIGNER'S BLOG - デザインやマークアップの話 『よし！キャラを描こう！』 まずは2D ORAEMON なかなか良いできです。 「box-shadow」「border-radius」など駆使して描きました。 （※CSS3に対応した最新のブラウザでご覧ください。）
SEISAQUEST
おお、せいさくしゃ よ。 ヘッダーとフッターの崩れをみて わかるとおり この サイトは FireFox17,Google Chroe最新版で あそぶことが できるぞ。 また ブラウザを変えて 見に来るのじゃ。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
