From 199d186599a75b361dc78aa8a50196c1ead0f760 Mon Sep 17 00:00:00 2001 From: Sam <74021826+x39OME@users.noreply.github.com> Date: Sat, 25 Feb 2023 18:19:46 +0300 Subject: [PATCH] Add files via upload --- 100_projects/4-clock-ui-design/app.js | 15 +++ 100_projects/4-clock-ui-design/clock.png | Bin 0 -> 35265 bytes 100_projects/4-clock-ui-design/index.html | 28 +++++ 100_projects/4-clock-ui-design/style.css | 143 ++++++++++++++++++++++ 4 files changed, 186 insertions(+) create mode 100644 100_projects/4-clock-ui-design/app.js create mode 100644 100_projects/4-clock-ui-design/clock.png create mode 100644 100_projects/4-clock-ui-design/index.html create mode 100644 100_projects/4-clock-ui-design/style.css diff --git a/100_projects/4-clock-ui-design/app.js b/100_projects/4-clock-ui-design/app.js new file mode 100644 index 0000000..b30cd29 --- /dev/null +++ b/100_projects/4-clock-ui-design/app.js @@ -0,0 +1,15 @@ +const deg = 6; +const h = document.querySelector('#h'); +const m = document.querySelector('#m'); +const s = document.querySelector('#s'); + +setInterval(() => { + let day = new Date(); + let hh = day.getHours() * 30; + let mm = day.getMinutes() * deg; + let ss = day.getSeconds() * deg; + + h.style.transform = `rotateZ(${hh+(mm/12)}deg)`; + m.style.transform = `rotateZ(${mm}deg)`; + s.style.transform = `rotateZ(${ss}deg)`; +}); \ No newline at end of file diff --git a/100_projects/4-clock-ui-design/clock.png b/100_projects/4-clock-ui-design/clock.png new file mode 100644 index 0000000000000000000000000000000000000000..9e3d9c12cea56a1502659e06110e850eabc10eed GIT binary patch literal 35265 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 literal 0 HcmV?d00001 diff --git a/100_projects/4-clock-ui-design/index.html b/100_projects/4-clock-ui-design/index.html new file mode 100644 index 0000000..8ddea28 --- /dev/null +++ b/100_projects/4-clock-ui-design/index.html @@ -0,0 +1,28 @@ + + + + + + + Document + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + + \ No newline at end of file diff --git a/100_projects/4-clock-ui-design/style.css b/100_projects/4-clock-ui-design/style.css new file mode 100644 index 0000000..6e2488d --- /dev/null +++ b/100_projects/4-clock-ui-design/style.css @@ -0,0 +1,143 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} +body{ + display: flex; + justify-content: center; + align-items: center; + min-height: 100vh; +} +body::before{ + content: ''; + position: absolute; + top: 0; + left:0; + width: 100%; + height: 100%; + background: linear-gradient(45deg,#FAEECA,#F0E68C 50%, #2CD5F4, 50%, #63DBF4); +} +body::after{ + content: ''; + position: absolute; + top: -20px; + left:0; + width: 100%; + height: 100%; + background: linear-gradient(160deg,#EFA0CE,#F070B2 50%, transparent, 50%,transparent); + animation: animate 6s ease-in-out infinite; +} +@keyframes animate{ + 0%, 100%{ + transform: translateY(15px); + } + 50%{ + transform: translateY(-25px); + } +} +.container{ + position: relative; +} +.container::before{ + content: ''; + position: absolute; + bottom: -50px; + width: 100%; + height: 60px; + background: radial-gradient(rgba(0,0,0,0.1), + transparent, transparent); + border-radius: 50%; + animation: animate 6s ease-in-out infinite; + animation-delay: -2s; +} +.box{ + position: relative; + z-index: 1; + width: 400px; + height: 400px; + backdrop-filter: blur(25px); + border-radius: 50%; + border: 1px solid rgba(255, 255, 255, .5); + animation: animate 6s ease-in-out infinite; + animation-delay: -2s; +} +.clock{ + position: absolute; + top: 5px; + left: 5px; + right: 5px; + bottom: 5px; + display: flex; + justify-content: center; + align-items: center; + background: radial-gradient(transparent, rgba(255, 255, 255,0.2)), url(clock.png); + background-size: cover; + border-radius: 50%; + backdrop-filter: blur(25px); + border: 1px solid rgba(255, 255, 255, .5); + border-bottom: none; + border-right:none; + box-shadow: + -10px -10px 10px rgba(0, 0, 0, .3), + 10px 10px 10px rgba(0, 0, 0, .3), + 0px 40px 50px rgba(0, 0, 0, .1); +} +.clock::before{ + content: ''; + position: absolute; + width: 15px; + height: 15px; + background: rgba(255, 255, 255, .3); + backdrop-filter: blur(25px); + border-radius: 50%; + z-index: 1000; +} +.hour, .min, .sec{ + position: absolute; +} +.hour, .h{ + width: 160px; + height: 160px; +} +.min, .m{ + width: 190px; + height: 190px; +} +.sec, .s{ + width: 230px; + height: 230px; +} +.h, .m, .s{ + display: flex; + justify-content: center; + position: absolute; + border-radius: 50%; +} +.h::before{ + content: ''; + position: absolute; + width: 8px; + height: 80px; + background: #F070B2; + z-index: 11; + border-radius: 6px; +} +.m::before{ + content: ''; + position: absolute; + width: 5px; + height: 90px; + background: #fff; + z-index: 12; + border-radius: 6px; +} +.s::before{ + content: ''; + position: absolute; + width: 2px; + height: 150px; + background: #fff; + z-index: 13; + border-radius: 6px; +} \ No newline at end of file