CALLUX PRO
Curiosity about life in all its aspects, I think, is still the secret of great creative people.
The work you do while you procrastinate is probably the work you should be doing for the rest of your life.
.hover-effect-scale li > div { width: 100%; height: 100%; position: absolute; display: flex; justify-content: center; flex-direction: column; } .hover-effect-scale li:hover > div { position: absolute; overflow: hidden; top: 0; left: 0; } .hover-effect-scale li div { opacity: 0; background-color: rgba(0, 0, 0, 0.35); /* Фон блока при наведении */ transition: all 0.4s ease-in-out; color: #fff; } .hover-effect-scale li img { transition: all 0.2s linear; } .hover-effect-scale li:hover img { transform: scale(1.3); } .hover-effect-scale li:hover div { opacity: 1; }
Код 1: эффект Blur
Код 2: эффект Blur + Gray Scale
Код 3: эффект Rotate по Y
Код 4: приближение изображения и поворот
Код 5: приближение изображения