Passion
We are passionate about helping people smile and live healthily
Team
First-class dental treatment options to meet your needs
Experience
High-quality and affordable dental care services
Menu
Creator
Date
We are passionate about helping people smile and live healthily
First-class dental treatment options to meet your needs
High-quality and affordable dental care services
Elevate your design with eye-catching hover effects that add a touch of interactivity without the need for complex code.
To get started, copy the Elementor field and paste on the site you would like to implement. Next Copy and paste the provided CSS code for the desired hover effect. Double-check the CSS code and make adjustments if needed (e.g., colors, duration).
/* ------- Feel free to change it based on your design ------- */
.item-row{
display: flex;
align-items: center;
min-height: 350px;
height: 350px;
}
.icon-item .elementor-widget-container{
cursor: pointer;
display: flex;
justify-content: space-around;
flex-direction: column;
align-items: center;
min-height: 300px;
margin: 0;
transition: min-height .6s cubic-bezier(.075, .82, .165, 1);
padding: 3em;
}
.icon-item:hover .elementor-widget-container{
min-height: 350px;
background-color: #faf7f5;
}
.icon-item .icon-wrap{
display: flex;
align-items: center;
border: 1px solid rgba(0,0,0,0.5);
width: 3em;
height: 3em;
}
.icon-item .icon-wrap img{
width: 25px;
}
/* ------- Mobile Responsive ------- */
@media only screen and (max-width: 1024px){
.icon-item .elementor-widget-container{
padding: 2em;
}
}
@media only screen and (max-width: 768px){
.item-row{
height: auto;
}
.icon-item .elementor-widget-container, .icon-item:hover .elementor-widget-container{
min-height: auto;
}
}
