stored HTML UI elements from https://uiverse.io

projects/CSS/uiverse.io/Card by G4b413l/index.html

@@ -0,0 +1,5 @@
+<div class="card">
+	<div class="circle"></div>
+	<div class="circle"></div>
+	<div class="card-inner"></div>
+</div>

projects/CSS/uiverse.io/Card by G4b413l/styles.css

@@ -0,0 +1,52 @@
+.card {
+	width: 190px;
+	height: 254px;
+	transition: all 0.2s;
+	position: relative;
+	cursor: pointer;
+}
+
+.card-inner {
+	width: inherit;
+	height: inherit;
+	background: rgba(255,255,255,.05);
+	box-shadow: 0 0 10px rgba(0,0,0,0.25);
+	backdrop-filter: blur(10px);
+	border-radius: 8px;
+}
+
+.card:hover {
+	transform: scale(1.04) rotate(1deg);
+}
+
+.circle {
+	width: 100px;
+	height: 100px;
+	background: radial-gradient(#b0e633, #53ef7d);
+	border-radius: 50%;
+	position: absolute;
+	animation: move-up6 2s ease-in infinite alternate-reverse;
+}
+
+.circle:nth-child(1) {
+	top: -25px;
+	left: -25px;
+}
+
+.circle:nth-child(2) {
+	bottom: -25px;
+	right: -25px;
+	animation-name: move-down1;
+}
+
+@keyframes move-up6 {
+	to {
+		transform: translateY(-10px);
+	}
+}
+
+@keyframes move-down1 {
+	to {
+		transform: translateY(10px);
+	}
+}

projects/CSS/uiverse.io/Card by adamgiebl/index.html

@@ -0,0 +1 @@
+<div class="card"></div>

projects/CSS/uiverse.io/Card by adamgiebl/styles.css

@@ -0,0 +1,6 @@
+.card {
+	width: 190px;
+	height: 254px;
+	background: rgb(236, 236, 236);
+	box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
+}

projects/CSS/uiverse.io/README.md

@@ -0,0 +1,7 @@
+## Card by G4b413l
+
+![Card by G4b413l](Card by G4b413l/screenshot.png)
+
+## Card by adamgiebl
+
+![Card by adamgiebl](Card by adamgiebl/screenshot.png)