This project features an animated DNA strand, showcasing intricate CSS animations and transitions to simulate the twisting and turning of DNA.

Built with:

• HTML: Markup language for creating the structure.
• CSS: For styling and animations.

To view and interact with the Animated DNA animation:

1. Download the project files.
2. Open the index.html file in Visual Studio Code.
3. Use the Live Server extension in VS Code to view the project in your web browser.

Open the project in your browser to see the animated DNA strand with moving nucleobases.

Here are the key files and their purposes:

• index.html: The main HTML file containing the structure of the Animated DNA.
• style.css: The CSS file that styles the DNA strand and adds animations.

Feel free to explore and customize these files to suit your needs!

• The Animated DNA is responsive, ensuring a seamless experience on both desktops and mobile devices.

The Animated DNA includes various CSS animations and transitions. Here’s an overview:

• Nucleobase Movement: The nucleobases move up and down to simulate the twisting and turning of a DNA strand.