🎨
CSS Magic Unlocked! 🎨
Today, I dove into CSS animations, and it’s amazing how much life they bring to a webpage! Check out this little bounce effect I experimented with for a button:
.button {
display: inline-block;
padding: 10px 20px;
background-color: #4CAF50;
color: white;
border-radius: 5px;
font-size: 1.2em;
cursor: pointer;
animation: bounce 1s ease infinite;
}
@keyframes bounce {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-10px);
}
}
It’s a simple effect, but it adds a nice touch! If you have favorite CSS tricks, share them below..I’d love to learn more! 🔥 #CSSMagic #WebDevJourney