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 @@ + + + + + + +