image slider with HTML & CSS including fade in/out animation
In this tutorial we're building an image slider for a landing page. The main functionality implemented here is a section of images that fade in and out one after the other.
This creates a cool animation for tutorials but not such a great thing to use on your website. Users will not sit around and look at you're animation, so it's best to describe what your website is doing quickly and in as few words as possible. Images are great, but the website will have a longer load time with them.
Disclamier #1: The video is on 2x. In reallity I write code at a much much slower pace.
Disclamier #2: Coding a small feature like this will probably take 2-3-4 hours or more if you're unexperienced and you're starting from scratch. The code is pre-written :)
#javascript #html #css #webdevelopment #beginnerfriendly