Hj

Heart

Heart Animation

body { display: flex; justify-content: center; align-items: center; height: 100vh; background-color: #f0f0f0; margin: 0; } .heart { width: 100px; height: 100px; background-color: red; position: relative; transform: rotate(-45deg); animation: pulse 1.5s infinite; } .heart::before, .heart::after { content: ""; width: 100px; height: 100px; background-color: red; border-radius: 50%; position: absolute; top: -50px; left: 0; } .heart::before { left: 50px; } .heart::after { left: 0; top: 0; } @keyframes pulse { 0% { transform: scale(1) rotate(-45deg); } 50% { transform: scale(1.2) rotate(-45deg); } 100% { transform: scale(1) rotate(-45deg); } }

Search This Blog

Sarath Evv

Hj

Image and DOCX to PDF Converter

Comments

Post a Comment