אפקטים מגניבים

לוגואים בצבע אחיד

אפקט שהופך את קרוסלת הלוגואים שלכם לצבע אפור אחיד, במעבר עכבר הלוגואים יחזרו לצבעם המקורי.

				
					selector img {
  filter: grayscale(100%);
}


selector img:hover {
  filter: grayscale(0%);
}

מפרידון צורה מותאם אישית

אפקט שהופך את קרוסלת הלוגואים שלכם לצבע אפור אחיד, במעבר עכבר הלוגואים יחזרו לצבעם המקורי.

				
					selector{
    -webkit-mask-image: url(https://info.liavmatzri.co.il/wp-content/uploads/2023/09/shape1-01.svg);
    mask-image: url(https://info.liavmatzri.co.il/wp-content/uploads/2023/09/shape1-01.svg);
    
    -webkit-mask -repeat: no-repeat;
    mask-repeat: no-repeat;
    
    mask-size: 100%;
    -webkit-mask-size: 100%;
    
    -webkit-mask-position: center bottom;
    mask-position: center bottom;

כפתור עם אנימצייה מגניבה

לחץ כאן

עיגול מימין לטקסט שמתרחב לכפתור שלם במעבר עכבר

				
					/* Button Styling for .btn-special */

.btn-special:before{
    content:"";
    width: 40px;
    height: 40px;
    background: #2A2687;
    position: absolute;
    border-radius: 100em;
    transition: .3s;
}

.btn-special:hover::before{
    width: 100%;
}

.btn-special .elementor-button-text{
    z-index: 1;
    line-height: 1em;
}


@media only screen and (max-width: 767px){
    .btn-special:before{
    content:"";
    position: absolute;
     border-radius: 100em;
    width: 35px;
    height: 35px;
}
.btn-special .elementor-button-text{
    font-size: 16px;
}
.btn-special .elementor-button-text{
    z-index: 1;
    line-height: 0.8em;
}
}

כפתור עם אנימצייה מגניבה #2

לחץ כאן

עיגול מימין לטקסט שמתרחב לכפתור שלם במעבר עכבר

				
					selector a{
   background-size: 200% auto;
   background-image: linear-gradient(to right, #1DFFDE 10%, #5A5EFF 50%,#1DFFDE 100%);
}

selector a:hover {
    background-position: right;
}

תיקון בעיה ריספונסיבית של תפריט

תיקון בעיה ריספונסיבית של תפריט באתרים עם תרגום לאנגלית

				
					selector .elementor-nav-menu--dropdown{
    width: max-content!important;
}
אפקטים מגניבים

כפתור עם אנימצייה מגניבה

עיגול מימין לטקסט שמתרחב לכפתור שלם במעבר עכבר

לוגואים בצבע אחיד

אפקט שהופך את קרוסלת הלוגואים שלכם לצבע אפור אחיד, במעבר עכבר הלוגואים יחזרו לצבעם המקורי.