Create a Glass Profile Card With Hover Effect | Elementor Flexbox Container Tutorial
ฝัง
- เผยแพร่เมื่อ 6 ม.ค. 2024
- In this tutorial, you will learn how to use Elementor Page Builder, to design a responsive Glass Profile Card with a Social icons that becomes visible on hover and some background motions. no additional plugin is required.
And, Here are other tutorials you might like:
Elementor LOOP Styling: Custom POST Styling With an OPEN and CLOSE Effect on Hover | CSS Tips • Elementor LOOP Styling...
Elementor LOOP Tutorial: Post Title Length, Equal Height Trick | CSS TIPS & TRICKS • Elementor LOOP Tutoria...
How To Make Elementor Menu Widget Scroll Horizontally (No Code Required) • How To Make Elementor ...
5 Simple and Helpful Elementor CSS Tips & Tricks You Need to know
601 views • 5 Simple and Helpful E...
#WordPress #Elementor #tipsandtricks
/* Glass effect */
selector{
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
/* Social icon hover effect*/
selector{
opacity: 0;
transition: 0.5s ease-in-out;
}
selector:hover{
opacity: 1;
}
Very helpful
Nice one really love this
Nice one 😊