• GIZMODO
  • DIGIDAY
  • gene
  • cafeglobe
  • MYLOHAS
  • Glitty
  • machi-ya
  • roomie
  • GIZMODO
  • DIGIDAY
  • gene
  • cafeglobe
  • MYLOHAS
  • Glitty
  • machi-ya
  • roomie

カメきちカメきち  - ,,  06:30 AM

好きな色のグラデーションをCSSで表現してくれるサイト「Blend」

好きな色のグラデーションをCSSで表現してくれるサイト「Blend」

151018_bl.jpg


Blend」は好きな色のグラデーションをCSSで表現してくれるサイトです。グラデーションにしたい色を2色選びグラデーションを作ることができます。CSS3のコードを自動生成してくれるので、HTMLに埋め込めばグラデーションが簡単に作れますよ。

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


まずBlendへアクセスしましょう。


151018_bl2.jpg


左右にカラーパレットがあるので、そこから好きな2色を選びます。そして真ん中の矢印ボタンをクリックするとグラデーションの完成。バーを左右にずらすことで色みを調整できますよ。


151018_bl3.jpg


グラデーションを作るCSSが生成されますので、コピペして使うことができますよ。ぜひグラデーションをCSSで表現したいときにご活用ください。


Blend

(カメきち)
 

MORE FROM LIFEHACKER

powered by
    
    
    
  

Kotaku

Recommended

© mediagene Inc.