t_afif

Cool button

CSS Tip! https://twitter.com/ChallengesCss/status/1531230246925737984...

<div><p>CSS Tip!
<a href="https://twitter.com/ChallengesCss/status/1531230246925737984" target="_blank">https://twitter.com/ChallengesCss/status/1531230246925737984</a></p></div>

CSS only 3D perspective button

CSS Tip! https://twitter.com/ChallengesCss/status/1499394016659398663...

<div><p>CSS Tip!
<a href="https://twitter.com/ChallengesCss/status/1499394016659398663" target="_blank">https://twitter.com/ChallengesCss/status/1499394016659398663</a></p></div>

CSS only Ripple effect

CSS Tip! https://twitter.com/ChallengesCss/status/1571818247531495432...

<div><p>CSS Tip!
<a href="https://twitter.com/ChallengesCss/status/1571818247531495432" target="_blank">https://twitter.com/ChallengesCss/status/1571818247531495432</a></p></div>

Fancy border style button

CSS Tip! https://twitter.com/ChallengesCss/status/1592523730596642817...

<div><p>CSS Tip!
<a href="https://twitter.com/ChallengesCss/status/1592523730596642817" target="_blank">https://twitter.com/ChallengesCss/status/1592523730596642817</a></p></div>

CSS Only sliding button

Animated striped gradient button

A 3D button made using only one element. Optimized with CSS variables and powered by gradients, clip-path, text-shadow and transform.  Related articles...

<div><p>A 3D button made using only one element. Optimized with CSS variables and powered by gradients, clip-path, text-shadow and transform.</p>

<p>Related articles:</p>

<ul>
<li><a href="https://css-tricks.com/cool-hover-effects-using-background-properties/" target="_blank">https://css-tricks.com/cool-hover-effects-using-background-properties/</a></li>
<li><a href="https://css-tricks.com/cool-hover-effects-that-use-css-text-shadow/" target="_blank">https://css-tricks.com/cool-hover-effects-that-use-css-text-shadow/</a></li>
<li><a href="https://css-tricks.com/css-hover-effects-background-masks-3d/" target="_blank">https://css-tricks.com/css-hover-effects-background-masks-3d/</a></li>
</ul>

<p>3 articles to read but it really worth it if you want to understand all the tricks I combined in this demo</p></div>

All the buttons from t_afif