From dfa5f40df1081d380b7d5f840632c86194b481ff Mon Sep 17 00:00:00 2001 From: Monke-G Date: Sun, 5 Oct 2025 18:45:51 +0530 Subject: [PATCH] heartbeat-animation is added --- components/heartbeat.css | 28 ++++++++++++++++++++++++++++ components/heartbeat.html | 15 +++++++++++++++ css/style.css | 1 - 3 files changed, 43 insertions(+), 1 deletion(-) create mode 100644 components/heartbeat.css create mode 100644 components/heartbeat.html diff --git a/components/heartbeat.css b/components/heartbeat.css new file mode 100644 index 0000000..5c88b2e --- /dev/null +++ b/components/heartbeat.css @@ -0,0 +1,28 @@ +body { + display: flex; + justify-content: center; + align-items: center; + min-height: 100vh; +} + +.heartbeat { + animation: heartbeat 1.5s infinite; +} + +.heartbeat i { + color: red; +} + +@keyframes heartbeat { + 0% { + transform: scale(1); + } + + 50% { + transform: scale(1.2); + } + + 100% { + transform: scale(1); + } +} \ No newline at end of file diff --git a/components/heartbeat.html b/components/heartbeat.html new file mode 100644 index 0000000..4a4f3ea --- /dev/null +++ b/components/heartbeat.html @@ -0,0 +1,15 @@ + + + + + + Document + + + + +
+ +
+ + \ No newline at end of file diff --git a/css/style.css b/css/style.css index 3f1b965..5135768 100644 --- a/css/style.css +++ b/css/style.css @@ -133,4 +133,3 @@ h2{ 0 0 30px #e50808; transform: translateY(-2px); } -