From ff83060a85e4da66ecb01cc91c070d5df8bfcb65 Mon Sep 17 00:00:00 2001 From: gman Date: Fri, 20 Jun 2025 21:22:18 +0300 Subject: [PATCH] arrows --- style.css | 20 ++++++++++++++----- svg/double_arrow.svg | 46 ++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 61 insertions(+), 5 deletions(-) create mode 100644 svg/double_arrow.svg diff --git a/style.css b/style.css index 2979ded..dcc212e 100644 --- a/style.css +++ b/style.css @@ -187,20 +187,30 @@ html { .arrow-down { position: absolute; bottom: 20px; - right: 50%; - transform: translateX(50%); + right: 60px; display: block; - height: 30px; - width: 30px; - background: url("./svg/Arrow_to_bottom.svg") no-repeat center; + height: 15px; + width: 15px; + background: url("./svg/double_arrow.svg") no-repeat center; background-size: contain; cursor: pointer; + animation: action 0.5s infinite alternate; } .arrow-down:hover { opacity: 0.5; } +@keyframes action { + 0% { + transform: translateY(0); + } + + 100% { + transform: translateY(-10px); + } +} + .features { diff --git a/svg/double_arrow.svg b/svg/double_arrow.svg new file mode 100644 index 0000000..e9cdb2e --- /dev/null +++ b/svg/double_arrow.svg @@ -0,0 +1,46 @@ + + + + + + +