mirror of
https://github.com/selfxyz/self.git
synced 2026-04-05 03:00:53 -04:00
add local sdk testing web app (#478)
* add local sdk testing web app * uncomment window.location * bump package version
This commit is contained in:
committed by
GitHub
parent
aded6198de
commit
5a3ac1e091
57
src/app/page.module.css
Normal file
57
src/app/page.module.css
Normal file
@@ -0,0 +1,57 @@
|
||||
.rotatingTitle {
|
||||
font-size: 4rem;
|
||||
font-weight: bold;
|
||||
background: linear-gradient(45deg, #1e40af, #7c3aed);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
background-clip: text;
|
||||
animation: rotate3D 3s infinite linear;
|
||||
transform-style: preserve-3d;
|
||||
perspective: 800px;
|
||||
padding: 1.5rem;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.rotatingTitle::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: linear-gradient(45deg, #e0e7ff, #ddd6fe);
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
@keyframes rotate3D {
|
||||
0% {
|
||||
transform: rotateY(0deg) rotateX(0deg);
|
||||
}
|
||||
|
||||
25% {
|
||||
transform: rotateY(30deg) rotateX(15deg);
|
||||
}
|
||||
|
||||
50% {
|
||||
transform: rotateY(0deg) rotateX(0deg);
|
||||
}
|
||||
|
||||
75% {
|
||||
transform: rotateY(-30deg) rotateX(-15deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: rotateY(0deg) rotateX(0deg);
|
||||
}
|
||||
}
|
||||
|
||||
.rotatingTitle:hover {
|
||||
animation-play-state: paused;
|
||||
background: linear-gradient(45deg, #7c3aed, #4f46e5);
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
cursor: pointer;
|
||||
}
|
||||
Reference in New Issue
Block a user