WELLCOME BACK
H
ello guys. How are you all? I hope you are all well. I came again with a post. Let’s go..
তো এই পোস্টে শেয়ার করবো ১০ টি Css button Click Effects এর কোড যেগুলোর ব্যবহার বেশির ভাগ ই হয়ে থাকে।
ডেমো দেখলেই বুঝতে পারবেন তো চলুন শুরু করা যাক।
CSS Codes 1
Live Preview
About this code
This code creates an animated power toggle button using a checkbox and SVG. The button changes appearance between “on” and “off” states with smooth transitions for color, shadows, and SVG animations.
Secure Code Link
CSS Codes 2
Live Preview
About this code
This code creates an animated “like” button styled as a heart, which plays an animation when clicked.
Secure Code Link
CSS Codes 3
Live Preview
About this code
The button includes a hidden checkbox input to trigger state changes, animating SVG shapes using @keyframes.
Secure Code Link
CSS Codes 4
Live Preview
About this code
This code creates a visually appealing like button with a heart animation. When clicked, it animates with a bubble expansion (:before) and radiating sparkles (:after). Sparkle effects are dynamically generated with @mixin sparkles.
Secure Code Link
CSS Codes 6
Live Preview
About this code
Pure CSS button style. Pulsing effect on click with no JavaScript.
Secure Code Link
CSS Codes 8
Live Preview
About this code
Delightful Material UI stretch button built by clipping paths.
Secure Code Link
CSS Codes 10
Live Preview
About this code
Just a simple retro’ish ripple button with few Javascript codes for smoother animation
Secure Code Link
THE END
S
o friends, that’s it for today. See you in another post. If you like the post then like and comment. Stay tuned to Trickbd.com for any updates.
