5 Best CodePen projects #08 | HTML, CSS & JAVASCRIPT

Опубликовано: 11 Октябрь 2023
на канале: Approvecode

750

Подборка №8 готовых решений на CodePen для ваших проектов. В подборке вы увидите анимацию планеты с использованием three.js, clip-path анимацию текста, анимация кастомного курсора, идеи для анимции кнопок при наведении, и невероятно красивые кнопки выбора пунктов меню. Все ссылки ниже👇👇👇 | HTML, CSS & JAVASCRIPT

Если понравилось видео, нажимайте кнопку подписаться, ставьте большой палец вверх👍 и не забывайте нажать на колокольчик🔔🔔🔔 чтобы не пропускать новые видео.

00:00 - 3D Globe Three.js with location pointer
00:30 - Satisfying curly cursor 3kb of vanilla JS on canvas
00:50 - Gsap Mask Mouse Effect
01:18 - Navigation ideas
01:52 - Futuristic Dial Button

1. 3D Globe Three.js with location pointer - https://codepen.io/ksenia-k/pen/NWERpmb
2. Satisfying curly cursor 3kb of vanilla JS on canvas - https://codepen.io/ksenia-k/pen/rNoBgbV
3. Gsap Mask Mouse Effect - https://codepen.io/alig01/pen/WNLGogV
4. Navigation ideas - https://codepen.io/alex3o0/pen/vYvmXMw
5. Futuristic Dial Button - https://codepen.io/LukyVj/pen/xxyEYMJ

Также переходите по ссылкам ниже ↓↓↓
Website: https://folio-nd.approvecode.com/
Blog: https://approvecode.com/
GitHub: https://github.com/DmitriNaumov
Codepen: https://codepen.io/DmitrN

ApproveCode on IG: / nd.webdev
ApproveCode on TG: https://t.me/avcode

#html5 #css3 #javascript #csstricks #coding #code #tutorial #htmlcss #htmlcssjavascripttutorial #frontend #frontenddeveloper #trick #tips #tricks #approvecode