Sun Reflection Animation Using HTML & CSS3

Hollo learner, today we are going to create a Sun Reflection Animation Using HTML & CSS3. In the earlier past post, we have created a Responsive dropdown menu using HTML & CSS . now it’s time to make Sun Reflection Animation.

Sun Reflection Animation Using HTML & CSS3

IT is the simple Sun reflection animation. Where evening sunset is happening and the view is from the beach where we can see the sunset. The sunset is 3/4 part is showing and 1 part is down so we can see the reflection of the sunset. we have used 3 div tags in HTML for sun, water, and reflection for sunset animation. then we have to use CSS for color and animation. Without using CSS it is not a thing.

Sun Reflection Animation Using HTML & CSS3 [Source Code]

To create a Sun Reflection Animation Using HTML & CSS3 you have to create two HTML and CSS files named index.html and style.css you have to link the CSS file to HTML. after that paste the HTML code in index.html and paste the CSS code in style.css that’s all after pasting the code. you should save it in the same folder.

At first, you have to create an HTML file named index.html and paste the below code on it, and save it. Remember to give a .html extension to the HTML file. we have divided our screen into 3 parts by using the DIV tag

After pasting the HTML code the second you have to create a CSS file named style.css. Paste the below code on it and save it. Again remember to give .css extension to CSS file.

That’s all after after pasting the code now your code will successfully run. If you get any kind of error/problem while creating Sun Reflection Animation Using HTML & CSS3 then just comment down or contact me on social media

You might like this

About the Author

Leave a Reply

Your email address will not be published. Required fields are marked *

You may also like these