From 5619df2817fdbb3adfdb2a75ff2c7c32ee383a43 Mon Sep 17 00:00:00 2001 From: daveed Date: Mon, 10 Jun 2024 18:46:28 +0300 Subject: [PATCH] adding my artwork to the project --- Art/dbAnimation/dbanimation.gif | Bin 0 -> 39734 bytes Art/dbAnimation/index.html | 14 ++++++++++++ Art/dbAnimation/style.css | 37 ++++++++++++++++++++++++++++++++ include.js | 7 ++++++ 4 files changed, 58 insertions(+) create mode 100644 Art/dbAnimation/dbanimation.gif create mode 100644 Art/dbAnimation/index.html create mode 100644 Art/dbAnimation/style.css diff --git a/Art/dbAnimation/dbanimation.gif b/Art/dbAnimation/dbanimation.gif new file mode 100644 index 0000000000000000000000000000000000000000..56a5bc479ddc11e4cc788e46e19425dfba6a2ad5 GIT binary patch literal 39734 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 + + + + + Animation + + + +
+ +
+ + \ No newline at end of file diff --git a/Art/dbAnimation/style.css b/Art/dbAnimation/style.css new file mode 100644 index 000000000..6162f2b3d --- /dev/null +++ b/Art/dbAnimation/style.css @@ -0,0 +1,37 @@ +body { + background-color: rgb(51, 45, 45); + display: grid; + height: 90vh; + place-content: center; +} + +.squere-rounded-corners { + width: 200px; + height: 200px; + background-color: azure; + border-radius: 8px; + transition: transform 0.9s ease; + animation: color 4s infinite; +} + +.squere-rounded-corners:hover { + transform: rotate(360deg); +} + +@keyframes color { + 0% { + background-color: crimson; + } + 25% { + background-color: darkorange; + } + 50% { + background-color: darkblue; + } + 75% { + background-color: fuchsia; + } + 100% { + background-color:lightgreen; + } +} \ No newline at end of file diff --git a/include.js b/include.js index 5fec8e863..e36bdbc0a 100644 --- a/include.js +++ b/include.js @@ -2903,6 +2903,13 @@ let cards = [ author: 'Kalliran', githubLink: 'https://github.com/Kalliran' }, + { + artName: 'dbAnimation', + pageLink: './Art/db1830/index.html', + imageLink: './Art/db1830/dbanimation.gif', + author: 'Daveed', + githubLink: 'https://github.com/db1830' + }, ]; /* -------------------------------------------------------------------------- */