Css Test page

.custom-heading { animation: fadeIn 2s ease-in-out; }

.custom-paragraph { animation: slideInLeft 2s ease-in-out; animation-delay: 1s; }

@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }

Welcome to My Page

This is an example of CSS animation.

@keyframes slideInLeft { 0% { transform: translateX(-100%); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } }