- 216
- 4 790 599
Lun Dev Code
Vietnam
Приєднався 26 сер 2022
HTML CSS Javascript code tutorial, learning HTML, learning CSS, learning Javascript, get code free HTML CSS JAVASCRIPT,
animation code. reponsive code.
Here we share HTML CSS Javascript code completely free.
The videos focus on creating animation and responsive effects for the website.
Subscribe to the channel to stay updated with new videos
animation code. reponsive code.
Here we share HTML CSS Javascript code completely free.
The videos focus on creating animation and responsive effects for the website.
Subscribe to the channel to stay updated with new videos
Crazy Ink Animation Effect with CSS Only
In this video with the topic Crazy Ink Animation Effect with CSS Only, I will share with everyone how to create a crazy ink animation effect with just 3 lines of CSS, without using javascript. This would be an extremely interesting and terrifying effect.
Information about the applications and source code used in the video: www.lundevweb.com/2024/11/create-stunning-animations-with-css.html
CSS Tutorial: ua-cam.com/play/PLe28tn1x4EIYuMWtE0YDraW1SWkFi_4tM.html
-----
Hello everyone, I'm creating a lot of new projects every day and sharing them 😍, including things you'll love to know about javascript and web Developer, Designer. Subscribe to the channel so you don't miss it ✅.
#javascript #code #css
-----
Theme VsCode I'm Using: ua-cam.com/video/DSxUlhIN2lk/v-deo.html
Featured video series
React Js Tutorial: ua-cam.com/play/PLe28tn1x4EIYkPFBrutgP-j1Pe8edxLiz.html
Design Slider - Carousel web: ua-cam.com/play/PLe28tn1x4EIZE0Rp8xakXrvPY7m63_6Oc.html
E-Commerce Web Coding: ua-cam.com/play/PLe28tn1x4EIYlb9cvanZ97XQ5xoQpwcZD.html
Design Parallax SCrolling Effect: ua-cam.com/video/LlPQk6ajrnE/v-deo.html&pp=gAQBiAQB
Web Applycation Code: ua-cam.com/play/PLe28tn1x4EIaNeqeXklFk2I4ZqjM1z5wh.html
Javascript Tutorial: ua-cam.com/play/PLe28tn1x4EIb4_feu3SA-yFzmvzmyrIaU.html
CSS Tutorial: ua-cam.com/play/PLe28tn1x4EIYuMWtE0YDraW1SWkFi_4tM.html
Many other impressive videos: www.youtube.com/@lundeveloper/videos
Contact With me:
Instagram: lundev.web
Email: hohoang.dev@gmail.com
Donate me: www.paypal.com/paypalme/lundevweb
Thank you so much 😍
Here, I share all my knowledge about Developer and Web Design including languages such as HTML, CSS, SASS, Javascript, Vue, React, Bootstrap, Tailwind along with clean code techniques and UI UX Design.
Information about the applications and source code used in the video: www.lundevweb.com/2024/11/create-stunning-animations-with-css.html
CSS Tutorial: ua-cam.com/play/PLe28tn1x4EIYuMWtE0YDraW1SWkFi_4tM.html
-----
Hello everyone, I'm creating a lot of new projects every day and sharing them 😍, including things you'll love to know about javascript and web Developer, Designer. Subscribe to the channel so you don't miss it ✅.
#javascript #code #css
-----
Theme VsCode I'm Using: ua-cam.com/video/DSxUlhIN2lk/v-deo.html
Featured video series
React Js Tutorial: ua-cam.com/play/PLe28tn1x4EIYkPFBrutgP-j1Pe8edxLiz.html
Design Slider - Carousel web: ua-cam.com/play/PLe28tn1x4EIZE0Rp8xakXrvPY7m63_6Oc.html
E-Commerce Web Coding: ua-cam.com/play/PLe28tn1x4EIYlb9cvanZ97XQ5xoQpwcZD.html
Design Parallax SCrolling Effect: ua-cam.com/video/LlPQk6ajrnE/v-deo.html&pp=gAQBiAQB
Web Applycation Code: ua-cam.com/play/PLe28tn1x4EIaNeqeXklFk2I4ZqjM1z5wh.html
Javascript Tutorial: ua-cam.com/play/PLe28tn1x4EIb4_feu3SA-yFzmvzmyrIaU.html
CSS Tutorial: ua-cam.com/play/PLe28tn1x4EIYuMWtE0YDraW1SWkFi_4tM.html
Many other impressive videos: www.youtube.com/@lundeveloper/videos
Contact With me:
Instagram: lundev.web
Email: hohoang.dev@gmail.com
Donate me: www.paypal.com/paypalme/lundevweb
Thank you so much 😍
Here, I share all my knowledge about Developer and Web Design including languages such as HTML, CSS, SASS, Javascript, Vue, React, Bootstrap, Tailwind along with clean code techniques and UI UX Design.
Переглядів: 45 292
Відео
Crazy Text Animation with CSS and SVG
Переглядів 72 тис.День тому
In this video with the topic Crazy Text Animation with CSS and SVG, I will share with everyone an extremely interesting idea to create text animation without using javascript. By combining vector SVG and CSS, we will create an extremely impressive text animation. Download Code: www.lundevweb.com/2024/11/create-animated-text-using-svg-and-css.html Hello everyone, I'm creating a lot of new projec...
2 CSS Ways to Modify Website Design Based on Device Interface
Переглядів 26 тис.14 днів тому
In this video, with the topic 2 CSS Ways to Modify Website Design Based on Device Interface. I will share with everyone 2 ways to use HTML and CSS to adapt the website's interface to the current device interface. Hello everyone, I'm creating a lot of new projects every day and sharing them 😍, including things you'll love to know about javascript and web Developer, Designer. Subscribe to the cha...
Remove Image Backgrounds With One Line Of Code From Master CSS
Переглядів 28 тис.21 день тому
In this video, with the topic Remove Image Backgrounds With One Line Of Code From Master CSS, I will share with everyone an extremely interesting and impressive line of CSS code.One line of code can easily remove image backgrounds, without using javascript. This line of CSS code is compatible with all browsers today. Let's see what it is. Hello everyone, I'm creating a lot of new projects every...
10 VS Code Extensions That Will Change the Way You Work
Переглядів 29 тис.28 днів тому
Hello everyone, with the topic 10 VS Code Extensions That Will Change the Way You Work, In this video, I will share with everyone 10 useful VS Code Extensions that I regularly use to save time and increase productivity. Download Code: Hello everyone, I'm creating a lot of new projects every day and sharing them 😍, including things you'll love to know about javascript and web Developer, Designer...
Master 3D Click Positioning in Three.Js in 5 Minutes
Переглядів 16 тис.28 днів тому
In this video, with the topic Master 3D Click Positioning in Three.Js in 5 Minutes, I will guide everyone to master the ability to quickly and easily determine the mouse click position in a 3D environment, using Three.Js. Since this is a knowledge video and not a design sharing video, this video only focuses on knowledge. Steps - By Steps: 00:00 Introduce 01:00 2D Mouse Position 03:50 3D Mouse ...
Build a Slider with One Line Of Javascript Code
Переглядів 21 тис.Місяць тому
In this video, with the topic of Build a Slider with One Line Of Javascript Code, I will share with everyone the analysis and creation of new logic to create sliders. From there create a slider with just a single line of Javascript code. Hello everyone, I'm creating a lot of new projects every day and sharing them 😍, including things you'll love to know about javascript and web Developer, Desig...
Multilayer Parallax Scroll Animation with HTML and GSAP
Переглядів 32 тис.Місяць тому
In this video, with the topic Multilayer Parallax Scroll Animation with HTML and GSAP, I will guide everyone to create a multi-layer scroll animation effect with HTML and GSAP, taking the idea of creating an effect to see the inside of a building, with many separated layers, creating an extremely dynamic feeling. Steps by steps: 00:00 Project Introduction 00:50 Prepare project & images 04:40 ...
Review of the experience for AI design and coding | PureCode AI
Переглядів 9 тис.Місяць тому
In this video, with the topic Shocking Experience When AI Codes For Me, I will share with everyone an interesting AI about web design and programming. That is purecode.ai, An AI specialized in coding and UI design. This video is an objective review after the first time using AI code for me. Some of my reviews are as follows: Reading comprehension: I didn't use the template options to request, i...
The King Of CSS Timing Functions | CSS Steps
Переглядів 29 тис.Місяць тому
In this video, with the topic The King Of CSS Timing Functions | CSS Steps, I will share with everyone an extremely powerful CSS timing function that does not comply with the rules of animation timeline, like a king. Watch the video to experience more CSS skills. Hello everyone, I'm creating a lot of new projects every day and sharing them 😍, including things you'll love to know about javascrip...
Amazing 3D Animation Website with Three.Js So Eazy
Переглядів 62 тис.2 місяці тому
In this video, with the topic Amazing 3D Animation Website with Three.Js So Eazy, Not only will I guide people to get acquainted with Three.js, I will also guide people to create extremely interesting animations when users scroll the page with Three.js easily. Steps - By Steps: 00:00 Intro project 00:41 Prepare 02:17 Initialize the Camera In Three.Js 03:16 Initialize the Scene 04:18 Render 3D t...
One Line Of Code By Master CSS
Переглядів 122 тис.2 місяці тому
In this video, with the topic One Line Of Code CSS By Master CSS, I will share with everyone a particularly impressive line of code used in the layout, with the power to surpass grid and flex in CSS. And more specifically, this CSS property is also automatically responsive. Full Series CSS Tutorial: ua-cam.com/play/PLe28tn1x4EIYuMWtE0YDraW1SWkFi_4tM.html Hello everyone, I'm creating a lot of ne...
Form Validation Easy Using HTML And CSS Only
Переглядів 29 тис.2 місяці тому
In this video, with the topic Form Validation Easy Using HTML And CSS Only, I will show everyone how to validate forms extremely easily without using javascript, extremely effective and concise, and then apply it to other forms for work. Download Code: www.lundevweb.com/2024/09/validation-form-easy-with-html-and-css.html Hello everyone, I'm creating a lot of new projects every day and sharing t...
Variables in CSS - Level Up variables with Propery
Переглядів 38 тис.3 місяці тому
Variables in CSS is a very unique and professional way of writing CSS code that is used a lot in large projects, today with the topic Variables in CSS - Level Up variables with Propery, I will share with everyone a new way of working with variables in CSS using Propery. This way of working will solve all the disadvantages of working with variables in regular CSS. Steps - By Steps: 00:00 Introdu...
Teleport To The Future in CSS Animation With Animation-Delay
Переглядів 30 тис.3 місяці тому
Teleport To The Future in CSS Animation With Animation-Delay
The Power of CSS When Combination of Not And Hover Selectors
Переглядів 54 тис.3 місяці тому
The Power of CSS When Combination of Not And Hover Selectors
Custom CodeSnap in VSCode | Code Capture Extension
Переглядів 10 тис.4 місяці тому
Custom CodeSnap in VSCode | Code Capture Extension
Handle Design Bugs With Master CSS Part 1
Переглядів 17 тис.4 місяці тому
Handle Design Bugs With Master CSS Part 1
Crazy 3D Rotation Effect Using CSS Only
Переглядів 202 тис.4 місяці тому
Crazy 3D Rotation Effect Using CSS Only
Crazy Scroll Animation Using CSS Only
Переглядів 144 тис.4 місяці тому
Crazy Scroll Animation Using CSS Only
Create Crazy 3D Image Slider Effects Using CSS Only
Переглядів 490 тис.5 місяців тому
Create Crazy 3D Image Slider Effects Using CSS Only
Become A Master Grid CSS In 13 Minutes
Переглядів 61 тис.5 місяців тому
Become A Master Grid CSS In 13 Minutes
Play and Pause in Infinite Slider with CSS Only
Переглядів 91 тис.5 місяців тому
Play and Pause in Infinite Slider with CSS Only
Flexbox or Grid in CSS - Differentiate Easily With Examples
Переглядів 26 тис.5 місяців тому
Flexbox or Grid in CSS - Differentiate Easily With Examples
3 Level Glassmorphism Design In CSS | CSS Tutorial
Переглядів 125 тис.5 місяців тому
3 Level Glassmorphism Design In CSS | CSS Tutorial
Shopping Cart In React Js For Newbies
Переглядів 36 тис.6 місяців тому
Shopping Cart In React Js For Newbies
Create Effect Cursor Like Spider Man Using Canvas HTML5 And Javascript
Переглядів 36 тис.6 місяців тому
Create Effect Cursor Like Spider Man Using Canvas HTML5 And Javascript
Image Zoom Effect in E-commerce Website using Javascript
Переглядів 12 тис.6 місяців тому
Image Zoom Effect in E-commerce Website using Javascript
Thank you bro
hey it's a very good and unique theme thanks! btw how can we undo this theme?
I Was not ready for 3 intros
This is project, not intro
you're css king
wow. this is great man!!
The tutorial seemed neat but I couldn't make it to the end because of the AI voiceover - seriously detracts from your content 👎
playing with gif is sort of time killer🤣At this moment I'm trying(hope I could🤞) to bake a 3d animation in blender animation to multiple slides (aka gif or in your "step animation" video) and then use it in a touch gui(it not uses hover interactions so) to make a low-performance transitions and interactions(like if button 1 touched -> show slides 1-10, if scrolled -> 30-50 and etc) so this one timed perfectly:)) thanks again for your content wait every video
Nice video, but for god sake, don’t use the bell noises, or the repetitive “please subscribe” …. holy mother
A little issue, why when I reload the page the gif animation doesn´t works ?? I think i´ts cache but how can i fix it?
Hi. You used change device option in top right of your program. How I can add it to my vscode? Thanks
vs code them name ?
How to maintain timeline position when page is reloaded? because mine is messed up when page is reloaded. Anyway very useful and helpful content 😊 Thanks for answering. 🫡
Nawhh I was literally just making a casting pics gallery for my actor portfolio website, yesterday. Now this shows up in my recommend! I cropped all the images to different sizes to intentionally get this collage looking effect, only to realize it's harder to code than I expected. My first approach was to use three grid columns, too. This helps massively!
I'm sorry but Videos CAN indeed have a transparent background. You just need to know how to convert it so it will be shown properly across all browsers.
Cool idea and effect, not sure about the gif though ;D you probably don't want this on every refresh either. But I guess that for people to figure out and implement ;D
Man, I'm really impressed on how you are great not only on CSS but Design in general too :O !! that's insane
light-dark(black, red); this is not helpful for transition in CSS please check it. I have tried this with transition in CSS but transition stops using this "light-dark(black, red);". Can you solve it, please help me.
So... Just CSS masking basically. Still a nice video about that subject though. I do have one request: I think it's common curtisy to always mention (at least in your video description) that you use an AI text-to-voice tool. No problem if you do, off course!
it is one of the best channels to learn and implement css
Hi! What chrome extension dis you use to view it in Iphone view at 3:29 ? Thanks
Hey man! Fine! I used this in a react-bootstrap project and it worked perfectly in devlopment. But, when I deployed it to production, it didn't worked. It seems that the animaiton timeline property is blocked by the browser. Is there anything I can do to change this in production?
which extension you're using to view in different mobiles?
How to add legend ?
what is the name of that sound on the background ?
cool
These videos really help in giving web apps a modern look and feel. Additionally, they are very educational. Btw, what's the VS Code theme used?
Damn bro you are a fukin genius
how to change vscode profile image
Now do the responsive 💀
I hate the AI voiceover. Hate it. It's dehumanizing.