求人情報エントリーブログブログWEB制作WEBデザインお問い合わせお問い合わせグラデーションWEBデザイングラデーション2019.10.15どうも中野です。今日、グラデーションを使う事があって、普段あまりグラデーションを使わないので、どのようなグラデーションにするか悩んでいた時、とりあえずネットで調べてみれば何か出てくるのではないかと思い、調べてみたら、出てくる出てくる!みんな便利なものを考えるねー!と感心するぐらい出てきました。今回はその中から、使いやすかったものを紹介しようと思います。4.Granim.js1.webgradientshttps://webgradients.com/このサイトは直感的に操作が出来、「CSSコードのコピー」と「PNG画像のダウンロード」が出来ます。右上のボタンから、SKETCHとPSD用のグラデーションデータがダウンロード出来ます。2.uiGradientshttps://uigradients.com/#Pigletこのサイトも先ほどのサイトと一緒で、綺麗なグラデーションを紹介しているサイトになります。3.GradPadhttp://ourownthing.co.uk/gradpad.htmlこのサイトはドラッグとクリックの直感的な作業で自分好みのグラデーションが作成できるサイトになっています。ギャラリーにはあらかじめサンプルが用意されています。そこからお気に入りのものを探し、自分好みにカスタマイズするのが良いと思います。4.Granim.jshttps://sarcadass.github.io/granim.js/グラデーションをアニメーション化する事ができるサイトらしいです!私には何を言っているのか、何を書いているのかさっぱりですが、ここに書いてあるコードをコピーすれば動くグラデーションができるみたいです!機会があれば動かしてみてはいかがでしょう?皆さんもグラデーションを使う時は参考にしてみてください。検索リクルート弊社では一緒に働いてくれる仲間を募集しています。詳しい仕事内容や業務形態は下記のボタンより確認して下さい。不明点やご質問などございましたら、お気軽にお問い合わせ下さい。お問い合わせ弊社に関するご質問、またアライアンス(協業・業務提携)や営業、取材等に関するお問い合わせはこちらから。お気軽にお問い合わせ下さい。