タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

*cssに関するchromoniのブックマーク (3)

  • 純 CSS 繪製 K-ON! 秋山澪 (Beta3)

    CSS 繪製「輕音少女」秋山澪 Pure CSS Design 'K-ON!' Akiyama Mio 画像を一切使わずCSSで描かれた「けいおん!」の秋山 澪 2011/11/24 [beta1] 初版純靜態無動畫 2011/11/25 [beta2] 更新了襯衫錯位、新增頭髮與眼睛的動畫功能 2014/05/08 [beta3] 修正部分 Chrome 23 之後、在 keyframe 中下 skew 造成的區塊錯位 [注意!!] 因為我無意間發現,有人把這作品拿來當瀏覽器的支援判定,為了避免自己成為第二個哆啦A夢,所以要特別澄清一下。 這作品一開始完成時,小 Rei 完全不認為 IE 系列能正常動作,所以完全沒有加上 IE 廠商專用的語法(就是 Firefox 的 -moz-、Chrome/Safari 的 -webkit-、Opera 的 -o-,IE 當然也有 -ms-)。就

    chromoni
    chromoni 2011/12/19
    純CSSで書かれた絵。IE8では見れない。
  • 【ダメデザイナー救済!】 Fwで作る、コーダー&プログラマさんに嫌われない素材 – 宇都宮ウエブ制作所

    机の上が散らかっている人は、頭の中も散らかっている。— 佐藤可士和 談 机の上も絶賛散乱中、典型的ダメなデザイナーの宇都宮頼子です。 今回から始まった【ダメデザイナー救済!】は、基ズボラな私が、いつかみんなに「こいつデキる・・・!」と言わせたい、そんな思いを胸にコツコツ溜まってきた小技をご紹介していくコーナーです。 twitterのタイムラインで流れてくる「ココとココの頭位置が微妙に違うのは意図的!?」「この端数は何だ??」などなど、コーダー&プログラマさん達の深夜のつぶやきは耳が痛い、耳が痛いよぅ。 今回はFireworksのシンボルをつかって、コーダー&プログラマさんもニッコリ間違いなしのステキな素材作りを学びましょう! ●汎用性の高いブロックを作る よく使うサイズのブロックを作ります。重ねても使えるので最低限でOK こんな感じで汎用性の高そうなサイズのシンボルを作っておきます。(※

    【ダメデザイナー救済!】 Fwで作る、コーダー&プログラマさんに嫌われない素材 – 宇都宮ウエブ制作所
  • [CSS]スタイルシートに「if」を使った条件式が利用できる -Conditional-CSS | コリス

    ブラウザごとのスタイルシートの記述に、ifを使った条件式が利用できる「Conditional-CSS」を紹介します。 Conditional-CSS デモ デモ画面にIE, Fx, Op, Safariの各ブラウザでアクセスすると、それぞれ用の画像が表示されます。 条件式に利用できるものは、下記のようになっています。 browser IE - Internet Explorer Gecko - Gecko based browsers (Firefox, Camino etc) Webkit - Webkit based browsers (Safari, Shiira etc) Opera - Opera's browser IEMac - Internet Explorer for the Mac Konq - Konqueror IEmob - IE mobile PSP - Pla

  • 1