Fahad is a talented web developer with a fantastic dimension of creativity and proactivity. He made the whole process very easy for me with excellent communication. I enjoyed the process and timely delivery. Thank you so much.
My goodness! Fahad!!! You're a magician. Oh my gosshh! I can't thank you more, Also thanks to Max for referring you! I'm super happy!
Subscribe To My YouTube Channel For More Upcoming Videos
197SHARES
selector{
--animated-color-1: #00ccff;
--animated-color-2: #d400d4;
--background-color: #162052;
--border-width: 100px;
--c-height: 400px;
}
selector{
height: var(--c-height);
}
selector:before{
content: "";
position: absolute;
inset: -10px var(--border-width);
background: linear-gradient(315deg, var(--animated-color-1), var(--animated-color-2));
width: auto;
height: auto;
transition: all .3s;
animation: animate 4s linear infinite;
}
@keyframes animate{
0%{
transform: rotate(0deg);
}
100%{
transform: rotate(360deg);
}
}
selector:after{
background: var(--background-color);
content: "";
position: absolute;
inset: 6px;
border-radius: 50%;
z-index: 1;
}
selector:hover:before{
inset: -20px 0px;
}
selector .content-section{
height: 350px;
width: 350px;
}
selector img{
transition: all .5s;
}
selector:hover img{
opacity: 0;
}
selector .elementor-widget-image{
pointer-events: none;
}
/*Responsive*/
@media (max-width: 767px) {
selector{
height: 350px;
}
selector .content-section{
height: 320px;
width: 320px;
}
}
I only share these secrets with the people in this group. Honestly, you can not find such tricks for FREE on the whole internet!
