How to Create a Fish Tank with Html & CSS

3 Step Guide to Create a Fish Tank Only Using HTML and CSS.

Nirmani warakaulla
Nerd For Tech

--

When you look at a healthy home aquarium, it’s tough to be anxious. There’s something about it that soothes you and others around you. This is one of the reasons why fish tanks may be seen in high-stress situations such as businesses and hospitals.

Stress management is critical for your entire health and well-being. Not only can spending time around your tank help you relax, but having a routine for taking care of it may also be good.

Have you ever wondered we can code a Fish Tank animated design using programming languages!!! So let’s go…

I wanted to see how easy it is to create an animated design for Fish Tank only using basic HTML, CSS, and JavaScript.

So, in this article, I will show you how you can create it following 3 steps.

Step 01

Create an index.html file and write the code below.

Step 02:

Create a style.css file to style your design and write the code below.

Step 03:

Create a script.js file and write the code below.

Make Sure, all of the images and CSS files link perfectly.

You can download the image for the background picture here.

sea.jpg

Hope you found this helpful. Do reach out to me if you have any trouble implementing this or if you need any help.

--

--

Nirmani warakaulla
Nerd For Tech

Experienced UI/UX engineer deeply committed to creating impactful solutions through innovative design.