• GIZMODO
  • FUZE
  • BUSINESS INSIDER JAPAN
  • DIGIDAY
  • gene
  • gene
  • cafeglobe
  • MYLOHAS
  • Glitty
  • roomie
  • machi-ya
  • GIZMODO
  • DIGIDAY
  • gene
  • cafeglobe
  • MYLOHAS
  • Glitty
  • machi-ya
  • roomie

ゲストライター  -   06:00 PM

角丸や文字装飾からアニメーションまで自動作成できるCSS3ジェネレータ「CSS3.0 Maker」

角丸や文字装飾からアニメーションまで自動作成できるCSS3ジェネレータ「CSS3.0 Maker」

100820_css3maker.jpg


最近、CSS3のチュートリアルなど、CSS3関連の記事をよく見かけます。CSSを自動的に作成してくれる「ジェネレータ」も、続々登場しています。今回は、非常に使いやすくて、多機能なCSS3ジェネレータ「CSS3.0 Maker」を紹介します。

以下に使ってみた様子を載せておきます。

 


まず「CSS3.0 Maker」にアクセスしましょう。


100820_css3maker_00.jpg


  1. スタイルの設定
  2. プレビュー
  3. CSSのコード
  4. 対応ブラウザ

といった具合になっています。上部にメニューがあり、そこで様々なタイプのスタイルを選べます。以下に一部を紹介しますね。

Border Radius

100820_css3maker_01.jpg

いわゆる「角丸」というもので、角を丸くすることができます。

Gradient

100820_css3maker_02.jpg

図形の色をグラデーションできます。

Box Shadow

100820_css3maker_04.jpg

影をつけることができます。ぼかしも可能。

これらの他にも、図形を回転できる「Transform」や、テキストに影をつけられる「Tex Shadow」、動きをつけられる「Animation」など、様々なスタイルを作ることができます。

簡単にCSS3のコードを生成できるので、覚えておくと便利なサイトですね。


CSS3.0 Maker [via delicious]

(カメきち)

 

  • ,,,,,,, - By

    庄司真美

    LIKE

    ビジネスや人間関係を広げるチャンスに? 「Airbnb」のホストになることで得られる、お金以外のもの

    Sponsored

    ビジネスや人間関係を広げるチャンスに? 「Airbnb」のホストになることで得られる、お金以外のもの

    ビジネスや人間関係を広げるチャンスに? 「Airbnb」のホストになることで得られる、お金以外のもの

    世界的に知名度の高い宿泊予約のマーケットプレイスといえば、「Airbnb(エアビーアンドビー)」。2008年に誕生して以来、世界各国に広がり、現在は世界191カ国、3万4000以上の都市で利用されています。 そして今あらためて、空き部屋などを有効利用する手段や新たなビジネスのかたちとして、「Airbnbのホスト」に注目が集まっています。 物件の管理や接客の仕方、また、お部屋のコーディネイトなど、  10:00 PM

2017年注目のライフハックツール

MORE FROM LIFEHACKER

powered by
    
    
    
  

lifehacker

Recommended

© mediagene Inc.