最近目にした「これは使えそう!!」と思ったボタンを備忘録を兼ねて掲載させて頂きます。ボタンは、クリック率に影響するので重要なウェブサイトのパーツです。コピペで使えるようにcodepenを埋め込んで掲載致します。
【Gradient Buttons】
See the Pen Gradient Buttons with Background-Color Change (CSS-only) by MrPirrera (@pirrera) on CodePen.
【Hover #3 Using Pseudo】
See the Pen Hover #3 using pseudo-element by Sasha (@sashatran) on CodePen.
【Button Outline Animation on Hover】
See the Pen Button outline animation on hover by Eric Grucza (@egrucza) on CodePen.
【Great Button Animation】
See the Pen Great button animation by Valentin Galmand (@valentingalmand) on CodePen.
【Shiney Button】
See the Pen Shiney Button by Jessica Biggs (@bigglesrocks) on CodePen.
【Floating Button】
See the Pen floating button #codevember_06 by John Garcia (@johnbgarcia) on CodePen.
今回は、ウェブサイトを訪れたユーザーに、「このページだけはどうしても見てほしい!」というように1ポイントで使えるようなボタンを紹介させていただきました。参考にして頂けると幸いです。