From a9afe16ab8961e5edac06a497bacc2e2a4eb0eb0 Mon Sep 17 00:00:00 2001 From: brunop27 Date: Tue, 11 Jun 2024 10:02:08 -0300 Subject: [PATCH] feat: Create the navigation button component --- css/components/button-arrow.css | 26 ++++++++++++++++++++++++++ index.html | 5 ++++- 2 files changed, 30 insertions(+), 1 deletion(-) create mode 100644 css/components/button-arrow.css diff --git a/css/components/button-arrow.css b/css/components/button-arrow.css new file mode 100644 index 0000000..b672aab --- /dev/null +++ b/css/components/button-arrow.css @@ -0,0 +1,26 @@ +.button-arrow{ + width: 50px; + height: 50px; + background-color: #F25A70; + box-shadow: 5px 5px 0px #000; + cursor: pointer; +} + +.button-arrow .content{ + display: none; +} + +.button-arrow::before{ + content: ''; + display: block; + box-sizing: border-box; + width: 15px; + height: 15px; + border: 20px solid transparent; + border-left: 28px solid #FFF; + transform: translateX(12px); +} + +.button-arrow.-left::before{ + transform: rotate(180deg) translateX(12px); +} \ No newline at end of file diff --git a/index.html b/index.html index e8f63d1..63af916 100644 --- a/index.html +++ b/index.html @@ -22,6 +22,7 @@ + @@ -177,8 +178,10 @@

Projetos

Sobre

+ +

Estudante de programação web, hoje, trabalho como freelancer, colaborando com projetos terceiros e pessoais. Minhas fortes habilidades se compoem com FrontEnd(Angular, JavaScript) e backend(MySql, json-server)

- +
\ No newline at end of file