注目キーワード
  1. Wordpress
  2. テーマ
  3. プラグイン
  4. SEO
  5. 集客

アニメーションするグラデーションメッシュを作成、コードを発行してくれるジェネレーター・「whatamesh」


目次

whatamesh


whatameshはアニメーションするグラデーションメッシュを作成、コードを発行してくれるジェネレーターです。

2021年9月現在、Stripeのヘッダに使われているようなやつを作れる、みたいなアプリです。

任意のカラーを4色選んでget codeボタンをクリックするとCSSやHTML、JSのコードが発行されます。以下はサンプルです。

 #gradient-canvas { width:100%; height:100%; --gradient-color-1: #c3e4ff; --gradient-color-2: #6ec3f4; --gradient-color-3: #eae2ff; --gradient-color-4: #b9beff; }

👆CSS

 <canvas id="gradient-canvas" data-transition-in> </canvas>

👆HTML

 import { Gradient } from './Gradient.js' // Create your instance const gradient = new Gradient() // Call `initGradient` with the selector to your canvas gradient.initGradient('#gradient-canvas')

👆JavaScript

Gradient.jsはGistにあります。

whatamesh

#wordpress #ワードプレス #SEO #集客

「かちびと.net」を閲覧する

最新情報をチェックしよう!
>WordPressに関連する情報まとめ

WordPressに関連する情報まとめ

ブログ / ホームページの価値の最大化をさせるCMS、WordPress(ワードプレス)。フリーのブログとは違い、いくらか敷居の高い印象がありますが、一つ一つクリアにしてみるときっとあなたもWordPressのパワーの恩恵に預かれると思います。当サイトを見て、まずはトライしてみましょう!

CTR IMG