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

カメきちカメきち  - ,,  07:00 PM

グラデーションを表現するCSSを手軽に作れるサイト「Tabiku」

グラデーションを表現するCSSを手軽に作れるサイト「Tabiku」

160227_ta.jpg


Tabiku」はグラデーションを表現するCSSを手軽に作れるサイトです。始まりと終わりの色を決めてグラデーション具合を設定します。その後できあがったグラデーションを表現するCSSが書き出されますよ。

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


まずTabikuへアクセスしましょう。上部のメニューにある「Create」からグラデーションを作成することができますよ。


160227_ta2.jpg


2色選び、グラデーションの境目を設定します。グラデーションの作成が完了するとCSSが書きだされますよ。


160227_ta3.jpg


でき上がったCSSはコピペして使うことができます。自分好みのグラデーションを簡単に作成できるので、ぜひCSSでグラデーションを表現したい方はご活用ください。


Tabiku

(カメきち)
 

MORE FROM LIFEHACKER

powered by

Kotaku

© mediagene Inc.