Landing Page Design With Background Animation | Animate Number Counter | jQuery Cycle Fade Slider
@LearnDesignTutorial #learndesign #counterup #jquery #cyclejs #learndesigntutorial #animation #nft #crypto
Hello friends, in this video I'm creating NFT Website Landing Page Design(crypto website layout, Ethereum, bitcoin, etc.) with Smooth Gradient Background Animation in CSS Keyframe Animation, Animated Number Counter From 0 to Specific Value In jQuery CounterUp Plugin, and NFT Card UI with Fade Image Slider In jQuery Cycle Plugin, Using HTML, CSS, JQUERY Plugin(Counter Up js, jQuery Cycle). I hope you love these trending topics NFT Website Landing Page Design Video, Thanks.
► PLEASE SUBSCRIBE TO THIS CHANNEL FOR MORE VIDEOS
/ learndesigntutorial
--------------------------------------------------------------------------------------------------
0:08 - Preview(Website Homepage Design)
0:35 - Figma Design File
0:55 - HTML Markup
1:09 - Add a CounterUp js, Waypoint, jQuery Cycle js Link
1:39 - Start html structure
3:03 - jQuery Cycle Slider HTML Structure
4:46 - Start CSS Styling
6:15 - Logo Gradient Background, CSS Skew
6:13 - Setup jQuery Cycle Slider
8:54 - Gradient Button & Hover Effect CSS
12:04 - Setup jQuery Counter Up
12:33 - CSS Gradient Background Animation
13:09 - Nav Menu Hover Effect
Website Design Using HTML,CSS & JS | Landing Page Design | Smooth Scroll Animation | Slick Slider
• Website Design Using HTML,CSS & JS | ...
Porfolio website design with slider using html,css and jquery
• Porfolio website design with slider u...
Minimal Profile Card UI Design using Html & CSS - Design+Code | UI Design
• Minimal Profile Card UI Design using ...
Portfolio Website with Animation & FadeIn Transition Effect Using HTML,CSS & JQUERY Part-1
• Portfolio Website with Animation & Fa...
Portfolio Website with Animation & FadeIn Transition Effect Using HTML,CSS & JQUERY Part-2
• Portfolio Website with Animation & Fa...
► LOADER ANIMATION
3 Cool CSS Loading Animation Effects | Pure CSS Animation Effects | HTML & CSS Animation Tutorial
• CSS Loading Animation Effects | Pure ...
► LANDING PAGE WITH ANIMATION
Creative Landing Page Design with Animation & Slick Slider | HTML, CSS ANIME JS
• Creative Landing Page Design with Ani...
Creative Landing Page Design With Animation Using HTML, CSS & Anime js | Website UI Design
• Creative Landing Page Design With Ani...
Creative Landing Page Design with Animation, Dropdown Menu, Image Hover Effect, Anime js
• Creative Landing Page Design with Ani...
► FRONT-END USEFUL VIDEOS
Show hide text on click using HTML, CSS & JQUERY | Expand & Collapse Text | Jquery Toggle Class
• Show hide text on click using HTML, C...
How to add animation on scroll | HTML, CSS & AOS js tutorial
• How to add animation on scroll using ...
Awesome text distortion effects using blotter js | Learn Design Tutorial
• Awesome text distortion effects using...
Awesome navbar design with hover effect using HTML & css tutorial
• Awesome navbar design with hover effe...
How to create custom scrollbar style using only CSS
• How to create custom scrollbar style ...
How to create javascript carousel slider without dependency | Vanilla Javascript Slider
• Carousel Slider | Dependency Free Jav...
--------------------------------------------------------------------------------------------------
Cdnjs: https://www.cdnjs.com
Images credit: https://unsplash.com
jQuery Cycle: https://malsup.com/jquery/cycle
Counter up js: https://github.com/bfintal/Counter-Up
Fonts: https://fonts.google.com
Email: [email protected]
For support: / helplearndesign
Buy me a coffee: https://www.buymeacoffee.com/learndesign
Join Buy me a coffee: buymeacoffee.com/?via=learndesign
(:--- Ignore Below ---:)
Website homepage design
landing page UI design
website design animation
animated landing page
nft website design
modern website design
gradient animation website
learn design tutorial
animate number counter
nft card ui design
fade image slider
autoplay image slider
jquery cycle slider
crypto website design
learn design website
css3 keyframe animation
gradient background animation
skew button hover effect
nav menu hover effect
learn website design
nft website inspiration
css before hover effect
nft website homepage
creative website design