Mouseover effect

[Blurring boundaries]

In mouseover effect – filled mask, can we have 50% opaque image instead of completely white background?

[SeaTheme]

Hi,

Please paste the custom css code to “Appearance > Customize : Additional CSS”:

.no-touchevents .grid-mask-filled-left .grid-item-con:hover:after, .no-touchevents .grid-mask-filled-center .grid-item-con:hover:after, .touchevents .grid-mask-filled-left .grid-item-con.air-hover:after, .touchevents .grid-mask-filled-center .grid-item-con.air-hover:after {
    opacity: 0.5;
}
@-webkit-keyframes boxed-effect {
  0%{ -webkit-transform:scale(1.5); opacity: 0; } 
  40%{ -webkit-transform:scale(1.5); opacity: 0.5; }
  70%{ -webkit-transform:scale(1.5); opacity: 0.5; }
  100%{ -webkit-transform:scale(1); opacity: 0.5; }
} 
@-moz-keyframes boxed-effect {
  0%{ -moz-transform:scale(1.5); opacity: 0; } 
  40%{ -moz-transform:scale(1.5); opacity: 0.5; }
  70%{ -moz-transform:scale(1.5); opacity: 0.5; }
  100%{ -moz-transform:scale(1); opacity: 0.5; }
}
@keyframes boxed-effect {
  0%{ transform:scale(1.5); opacity: 0; } 
  40%{ transform:scale(1.5); opacity: 0.5; }
  70%{ transform:scale(1.5); opacity: 0.5; }
  100%{ transform:scale(1); opacity: 0.5; }
} 
@keyframes boxed-effect-anti {
  0%{ opacity: 0.5; }
  100%{ opacity: 0; }
} 

Please leave your webpage URL if it does not work

---

Regards!
SeaTheme – FAQs – Twitter – Facebook

[Blurring boundaries]

Works, thanks!

[Author]

Posts