新着エントリー

カテゴリー:Web制作

【SVG】SVGアイコンのカラーをCSSで変更したい!

【SVG】SVGアイコンのカラーをCSSで変更したい!

ボタンにCSSグラデーションとSVGアイコンを同時につけようとしたのですが、before、after擬似要素をinputやimg、videoなどの置換要素には使えないことを知らずにハマった際の実装までの軌跡を綴っています。かっこ悪くても1つずつクリアしてこう。泣かない。

カテゴリー:Web制作

【CSS】CSSとHTMLだけでパララックス風エフェクトを実装する方法

【CSS】CSSとHTMLだけでパララックスを実装する方法

派手過ぎず文章を読む際に邪魔にならない演出が素敵なパララックス効果。今ではたくさんのjQueryプラグインがあり、実装も簡単になってきています。
javascriptはほとんどのブラウザが対応しており、現在のWeb業界では無くてはならない存在ですが、読み込みすぎるとページのロードが遅くなったり、他プラグインとの競合など管理が大変になってきますので使わなくて済むならそれに越したことはありません。
そこでCSSだけでパララックス風効果を実装してしまおうというのが本題です。
CSSなら重くないし、動きもサクサク快適です。