Squidematics Animation using HTML, CSS & JavaScript

Squidematics is a fun, marine-inspired animation project where a squid comes to life on screen with custom movement and glowing underwater effects. Built using HTML, CSS, and JavaScript, this project is perfect for experimenting with creative UI animations.

🌊 What You’ll Learn:

• How to animate marine creatures with CSS keyframes

• Making limbs (tentacles) move with fluidity

• Adding glowing underwater effects and bubbles

• Creating character animations with minimal assets

🔧 Technologies Used:

• HTML5 – For building the squid structure

• CSS3 – For styling, transitions, and animations

• JavaScript – For interactivity or swimming control

✨ Features:

• Playful animated squid movement

• Tentacle waving using keyframe animations

• Background bubble and glow effects

• Responsive and lightweight

• Optionally interactive via mouse or scroll

🧠 Customization Ideas:

• Make the squid follow the mouse

• Add sound effects or ink splash

• Switch day/night ocean modes

📘 Use Case:

Great for:

• Marine-themed educational websites

• Animation practice for beginners

• Portfolio creativity showcases

• Kids' learning platforms