When someone hovers over an image it will fade in and then when they unhover it fades back out.
To do this, just add the following code to your style.css file:
1 2 3 4 5 6 7 8 9 10 11 | img { opacity: 0.6; transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -webkit-transition: opacity 1s ease-in-out; } img:hover { opacity: 1.0; transition: opacity .55s ease-in-out; -moz-transition: opacity .55s ease-in-out; -webkit-transition: opacity } |
Doświadczony Programista WordPress Developer, od 2007 tworzy wielojęzykowe, responsywne witryny, sklepy internetowe, strony AMP oraz aplikacje mobilne, modyfikując frontend jak i backend serwisów pod indywidualne potrzeby klienta. Projektuje mikroanimacje i architekturę informacji w witrynach, optymalizuje kod witryny pod SEO. Łata dziury w oprogramowaniu, zabezpiecza i naprawia serwisy www po włamaniach. Od 1996r. tworzy strony www i kampanie online, a od 2007 roku migruje i kastomizuje strony klientów do WordPressa, szkoli, doradza i optymalizuje nakłady inwestycyjne na nowoczesne rozwiązania komunikacyjne w marketingu internetowym.