Featured

Creative Landing Page Design with Animation, Dropdown Menu, Image Hover Effect | HTML, CSS, Anime js



Published
#landingpage #websitedesign #hovereffect #animejs #animation #html #css

Hello friends, in this video I'm creating a creative landing page website design with loading animation and image hover effects(hover to scale image, show text on image hover), mega menu(dropdown menu, hover to show navigation menu), link or button hover effect, website loading overlay animation using html, css and animejs.


► PLEASE SUBSCRIBE TO THIS CHANNEL FOR MORE VIDEOS
https://youtube.com/learndesigntutorial
---------------------------------------------------------------
0:08 - Preview(Creative Landing Page)
1:22 - visit cdn js and copy animejs link
5:03 - megamenu css
8:50 - show text on hover
12:31 - anime js animation
--------------------------------------------------------------------------------------------------

► ANIMATION VIDEO
How to create custom loader | Website loading animation using html,css and jquery tutorial
https://youtu.be/nmIFfEYT4kg

Pure CSS FadeIn FadeOut Animation - CSS Property #01
https://youtu.be/tbqyCwoH_-k

Pure CSS Bouncing Ball Animation #02
https://youtu.be/eMIrV9fVZ3Y

Square to Circle Rotate Loading Animation with Multiple Colors #03
https://youtu.be/YE70iFa4NA0

Pure CSS Three Dots Loading Animation #04
https://youtu.be/aglMDLGeXnc

Pure CSS Jumping Dots Loading Animation #05
https://youtu.be/qjCcbWZ7dDU

Pure CSS Ripple Loading Animation Effect #06
https://youtu.be/stTCr1v_TJA

Pure CSS Simple Loader Animation Effect #07
https://youtu.be/hLUA76S0ntI

Pure CSS Egg Crash Animation Effect 08
https://youtu.be/M9gcoXknDew

Pure CSS Flip Page Animation Effects 09
https://youtu.be/f9iWadJp9a0

Pure CSS Flip & Rotate Loading Text Animation Effect 10
https://youtu.be/MF0oMODWjz0

► LOADER ANIMATION
3 Cool CSS Loading Animation Effects | Pure CSS Animation Effects | HTML & CSS Animation Tutorial
https://youtu.be/t3XIzixgxnU

► FRONT-END USEFUL VIDEOS
Show hide text on click using HTML, CSS & JQUERY | Expand & Collapse Text | Jquery Toggle Class
https://youtu.be/oNGxAhAfmSw

How to add animation on scroll using html, css and aos js tutorial
https://youtu.be/Va2WYxerwzQ

Awesome text distortion effects using blotter js | Learn Design Tutorial
https://youtu.be/bicuOTTUyUg

Awesome navbar design with hover effect using html and css tutorial
https://youtu.be/kEshtvn1D5E

How to create custom scrollbar style using only css | HTML & CSS Tutorial
https://youtu.be/wOCuGNVYJ_E

How to create javascript carousel slider without dependency | Html, Css, Javascript Tutorial
https://youtu.be/XzVuXrG5fYA

How to make draggable elements in jquery UI | Living room design with light on,off
https://youtu.be/8vs-SF2UWy4

How to create Neomorphism UI Design with calculator app using javascript
https://youtu.be/8clmGiduHRQ

Digital Clock UI Design with Animation Using HTML, CSS, JQUERY
https://youtu.be/v-VIyam_9DE

How to Transform a navigation bar into a search form using jquery
https://youtu.be/ysRNbJkBMnQ

Online music streaming small website using html,css And javascript
https://youtu.be/kWSXcRUmnt4

How to make tab layout design using HTML, CSS & Bootstrap
https://youtu.be/gEzvF2Dtl8Q

Easy fancy border radius animation HTML and CSS Tutorial
https://youtu.be/t5ZIHPCPD-M

Custom animated cursor using GSAP(Greensock) and jquery
https://youtu.be/RMH1rRap3jc

How to open bootstrap popup model after few seconds when website load using jquery
https://youtu.be/LB6siEBkCjg

Banner layout design with hover effect using html, css, jquery
https://youtu.be/zx0GyOPW4Uo

Interactive menu animation using Html,CSS & JQuery Greensock
https://youtu.be/G5cm4oz0XL8

#1 Portfolio home design with darkmode and greensock animation
https://youtu.be/dg6t9fqjiKg

Menu hover effect using jquery mouseover and mouseout
https://youtu.be/Z-IL4lYo8VE

Lettering animation using GSAP(Greensock 3) and lettering js
https://youtu.be/uPMkuqqDYPY

Profile card slider ui design using html, css and jquery slick slider
https://youtu.be/W_Aq2rYXi8k

New card style profile ui design with animation only html and css
https://youtu.be/UIFiklfek3o

How to make loading animation using html and css
https://youtu.be/2RsGa-a8p40

Traveler porfolio website with slider using html,css and jquery
https://youtu.be/ilKWYbfCK2U

Awesome menu hover effect with change background image using jquery mouseover
https://youtu.be/YuQMbwflHrQ

Background clip text hover effect and outline text using html and css3
https://youtu.be/zsOuonS4BDo

Typewriter effects using html, css, jquery typewriter js
https://youtu.be/JX8Om2hThJ4

--------------------------------------------------------------------------------------------------
Cdnjs : https://www.cdnjs.com
Anime js: https://animejs.com
Email : [email protected]
https://learndesigntutorial.com
For support : https://www.patreon.com/helplearndesign
Buy me a coffee: https://www.buymeacoffee.com/learndesign
Category
Web design
Be the first to comment