From fa7b37d92f27b67ff1d2bb3484e10097cf07ef22 Mon Sep 17 00:00:00 2001 From: Gabriel Gomes de Oliveira Date: Tue, 5 Oct 2021 19:57:15 -0300 Subject: [PATCH] add Card-Flip-on-Hold project --- Card Flip on Hold/card-back.png | Bin 0 -> 24410 bytes Card Flip on Hold/card-front.png | Bin 0 -> 17044 bytes Card Flip on Hold/index.html | 43 +++++++++++++ Card Flip on Hold/readme.md | 3 + Card Flip on Hold/style.css | 107 +++++++++++++++++++++++++++++++ README.md | 3 + 6 files changed, 156 insertions(+) create mode 100644 Card Flip on Hold/card-back.png create mode 100644 Card Flip on Hold/card-front.png create mode 100644 Card Flip on Hold/index.html create mode 100644 Card Flip on Hold/readme.md create mode 100644 Card Flip on Hold/style.css diff --git a/Card Flip on Hold/card-back.png b/Card Flip on Hold/card-back.png new file mode 100644 index 0000000000000000000000000000000000000000..c4dfac49bd7e5976e8d2530619e1b74f6882bc64 GIT binary patch literal 24410 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 z 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

Otv*pLT}s=0)!t0shYrc^GA)P4E}74n{4 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 X_xBSL^eVxBo8T}tIsiX5bO`+~8Sn?` literal 0 HcmV?d00001 diff --git a/Card Flip on Hold/index.html b/Card Flip on Hold/index.html new file mode 100644 index 0000000..c3d7553 --- /dev/null +++ b/Card Flip on Hold/index.html @@ -0,0 +1,43 @@ + + + + + + + + + Card Flip + + + +

+
+
+
+
+
+ This is a card + Hold to flip +
+
+
+
+
+ This is the backside of the card +
+
+ Write something here +
I just did. +
+
+
+
+
+
+
+ +
+ Credit: @gabrielgomeso + Date: 05/10/2021 +
+ \ No newline at end of file diff --git a/Card Flip on Hold/readme.md b/Card Flip on Hold/readme.md new file mode 100644 index 0000000..ef00c8d --- /dev/null +++ b/Card Flip on Hold/readme.md @@ -0,0 +1,3 @@ +# Card Flip on Hold + + diff --git a/Card Flip on Hold/style.css b/Card Flip on Hold/style.css new file mode 100644 index 0000000..d08c219 --- /dev/null +++ b/Card Flip on Hold/style.css @@ -0,0 +1,107 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: 'Roboto Mono'; +} + +body{ + width: 100vw; + height: 100vh; + margin: auto; + color: #eee; + background: #222; + + display: flex; + flex-direction: column; + align-items: start; + justify-content: center; +} + /* width */ + ::-webkit-scrollbar { + width: 1px; + margin: -10px; + } + + /* Track */ + ::-webkit-scrollbar-track { + box-shadow: inset 0 0 5px grey; + border-radius: 1px; + } + + /* Handle */ + ::-webkit-scrollbar-thumb { + background: red; + border-radius: 1px; + } + + /* Handle on hover */ + ::-webkit-scrollbar-thumb:hover { + background: #b30000; + } + + .content-box{ + width: 700px; + margin: auto; + } + + .card-section{ + display: flex; + } + + .card-container{ + position: relative; + width: 250px; + height: 320px; + margin-right: 15px; + } + + .card-content{ + position: absolute; + width: 100%; + height: 100%; + transform-style: preserve-3d; + transition: all 0.5s ease; + } + + .card-content:active{ + transform: rotateY(180deg); + } + + .card-front, + .card-back{ + position: absolute; + width: 100%; + height: 100%; + backface-visibility: hidden; + border-radius: 20px; + + background-color: #313131; + display: flex; + flex-direction: column; + + box-shadow: 1px 1px 15px 2px black; + } + + .card-front{ + + text-align: center; + justify-content: space-evenly; + } + + .card-title{ + padding: 20px; + font-weight: 600; + } + + + .card-back{ + transform: rotateY(180deg); + } + + .card-info{ + padding: 20px; + display: flex; + flex-direction: column; + grid-gap: 20px; + } diff --git a/README.md b/README.md index 70aeaee..9e9af10 100644 --- a/README.md +++ b/README.md @@ -51,6 +51,9 @@ | Comets Animation | https://jonathanallisson.github.io/Comets/ | | Glowing Dot Animation | https://lavishbansal17.github.io/Glowing-Dot-Animation/ | | Neumorphism Gradient Loader | https://lavishbansal17.github.io/Neumorphism-Gradient-Loader/ | +| Card Flip on Hold | https://gabrielgomeso.github.io/card_flip.html | + + --- ![Project Intro Gif](./Gif.gif)