Create an Animated Water Ripple Background with HTML and CSS
Adding animated effects to a website can enhance user engagement and make the design more visually appealing. One such effect is the Water Ripple Background,…
MADRAS ACADEMY BLOG
html
Articles, guides and practical learning resources from Madras Academy.
All Articles
html137
Madras Academy Tutorials75
Python18
Systems & Server Administration Tutorials15
Programming Tutorials8
Technology Tutorials5
java5
Full Stack Development Tutorials5
Cloud & DevOps Tutorials3
Student Projects3
Career Guidance3
Web Development Tutorials3
Robotics & Maker Tutorials3
Environment3
Data & Analytics Tutorials3
Mobile App Development Tutorials2
AI & Machine Learning Tutorials2
Science & Learning2
Student Life2
Student Tips1
Science & Environment1
Arduino & Robotics1
Arduino & IoT1
Safety & Arduino1
Renewable Energy1
Smart Cities1
Science & Technology1
Agriculture & Innovation1
APP Development1
Internships & Careers1
Artificial Intelligence1
Uncategorized1
C and CPP1
react1
Student Learning1
Cyber Security Tutorials1
CATEGORY
137 articles
html articles
Animated Doodle Borders with HTML and CSS
Adding unique visual elements to a website can make it stand out, and animated doodle borders are a fun way to achieve this effect. In…
Create Interactive Gradient Backgrounds Using HTML, CSS, and JavaScript
Adding an interactive gradient background to your website can enhance its visual appeal and create a dynamic user experience. In this tutorial, we’ll guide you…
Dynamic Shape Background with HTML, CSS, and JavaScript
Creating visually appealing backgrounds can enhance the user experience and make your website stand out. In this tutorial, we’ll explore how to create a dynamic…
Neon Glowing Effects on Hover with HTML and CSS
Creating visually appealing web elements is crucial for engaging users, and neon glowing effects can add a futuristic and eye-catching touch to your website. In…
Smooth Page Transition Animations with HTML, CSS, and JavaScript
Creating seamless and visually appealing page transitions can significantly enhance user experience on your website. In this tutorial, we will explore how to implement smooth…
Swipeable Cards with HTML, CSS, and JavaScript
Creating interactive swipeable cards is a great way to showcase content in a visually appealing and engaging way. In this tutorial, you’ll learn how to…
Angular Crash Course – Session 1: A Beginner’s Introduction
Welcome to Session 1 of the Angular Crash Course by Madras Academy! Whether you’re a complete beginner or looking to refresh your Angular knowledge, this…
Create Stunning Diagonal Scroll Sections with HTML, CSS, and JavaScript
Adding visually appealing scroll effects can enhance the user experience and make your website more engaging. In this tutorial, we’ll walk you through how to…