Javascript

🖥

Изящные карточки с эффектом 3D-подъёма.

#hover #карточки #web #js

https://codepen.io/andrewhawkes/pen/RwwOJrO

@javascriptv

Please open Telegram to view this post

VIEW IN TELEGRAM

👍9❤7🔥4

4.16K views07:35

Javascript

This media is not supported in your browser

VIEW IN TELEGRAM

🔥 Готовая анимация карточек - при наведении на карточку весь остальной фон становится размытым.

Примеры применения:
🔶 выбор тарифного плана онлайн-сервиса;
🔶 выбор антивирусной программы для ПК.

#hover #карточки #градиент

https://codepen.io/eranmiller/pen/wvGpzZW

@javascriptv

👍16❤5🔥2

4.75K views09:07

Javascript

This media is not supported in your browser

VIEW IN TELEGRAM

🖥 Если навести мышь на изображение, то можно увидеть, что за ним скрывается текст.

#hover #карточки

https://codepen.io/tatimblin/pen/pbYOMe

@javascriptv

Please open Telegram to view this post

VIEW IN TELEGRAM

👍28🔥5❤3👎2😁2🥰1😢1

5.65K views13:53

Javascript

This media is not supported in your browser

VIEW IN TELEGRAM

💥 Карточки принимают 3D-форму при наведении на соцсети.

#css #карточки #соцсети #hover

https://codepen.io/CryBaby2003/pen/dyMLJQZ

@javascriptv

👍20🔥7❤3👏2👎1😁1🤬1

6.53K views13:02

Javascript

This media is not supported in your browser

VIEW IN TELEGRAM

✔️Изящные карточки, которые можно выбрать, предварительно прочитав информацию.

применение:
⚡️ выбор продукта с его кратким описанием;
⚡️ карусель товаров.

#карточки #hover #кнопки

Ссылка

@javascriptv

Please open Telegram to view this post

VIEW IN TELEGRAM

👍14🔥3❤1

4.87K views18:00

Javascript

This media is not supported in your browser

VIEW IN TELEGRAM

Цвет фона карточки меняется с цветом текста при наведении на неё.

#карточки #hover

https://codepen.io/himais/pen/eYOzrzJ

@javascriptv

👍22🔥3❤2

5.09K viewsedited 09:19

Javascript

This media is not supported in your browser

VIEW IN TELEGRAM

Плавная подсветка карточек при нажатии на них, а также при переключении клавишей Tab

#формы #переключатели #чекбоксы #карточки

https://codepen.io/havardob/pen/BapJYMg

@javascriptv

👍18❤2🔥2

4.5K views15:00

Javascript

This media is not supported in your browser

VIEW IN TELEGRAM

Эффект перетекания освещения от карточки к карточке при наведении курсора мыши

#hover #карточки

https://codepen.io/Hyperplexed/pen/MWQeYLW

@javascriptv

👍16❤6🔥4

3.66K views16:03

Javascript