ブックマーク / weboook.blog22.fc2.com (1)

  • 自由自在!CSS3のtext-shadowを使ってをロゴ作ってみる|Webpark

    CSS3のtext-shadowが面白そうなので個人的に色々ロゴを作ってみました。想像力が膨らみますね。 text-shadowの基的な使い方はこのようになります。 カンマで区切ると複数の陰を同時つけることできて、うまく組み合わせると色んなロゴが作れちゃいます。 光り輝いているようになっています。複数の影を使っていて、色は同じですが外にいくほどぼかす割合が強まっています。 color:#fff; background: #000; font-size: 52px; font-weight: bold; text-shadow: 0px 0px 1px #ffffff, 0px 0px 10px #ffd700, 0px 0px 20px #ffd700, 0px 0px 30px #ffd700, 0px 0px 40px #ffd700; 影を重ねて立体的に仕上げています。 color

    自由自在!CSS3のtext-shadowを使ってをロゴ作ってみる|Webpark
    m-tag
    m-tag 2012/01/18
  • 1