SHOWING: First 60
<!DOCTYPE html>
<html lang="en">
<head>
<style>
.cube-container {
width: 240px;
height: 240px;
perspective: 1000px;
margin: 75px;
}
.cube {
width: 200px;
height: 200px;
transform-style: preserve-3d;
transform: rotateY(0deg);
animation: spin 10s infinite linear;
}
.face {
position: absolute;
width: 200px;
height: 200px;
opacity: 0.9;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.front {
background: linear-gradient(#ff007f, #ffcc00);
transform: translateZ(100px);
}
.back {
background: linear-gradient(#ffcc00, #ff007f);
transform: rotateY(180deg) translateZ(100px);
}
.top {
background: linear-gradient(#00b3e6, #ff007f);
transform: rotateX(-90deg) translateZ(100px);
}
.bottom {
background: linear-gradient(#ff007f, #00b3e6);
transform: rotateX(90deg) translateZ(100px);
}
.right {
background: linear-gradient(#00b3e6, #ffcc00);
transform: rotateY(90deg) translateZ(100px);
}
.left {
background: linear-gradient(#ffcc00, #00b3e6);
transform: rotateY(-90deg) translateZ(100px);
}
.cube:hover {
animation-play-state: paused;
}
@keyframes spin {
0% { transform: rotateY(0deg); }
100% { transform: rotateY(360deg); }
}
</style>
</head>
<body>
<div class="cube-container">
<div class="cube">
<div class="face front"></div>
<div class="face back"></div>
<div class="face top"></div>
<div class="face bottom"></div>
<div class="face right"></div>
<div class="face left"></div>
</div>
</div>
</body>
</html>#13,610,273text<html lang="en">
<head>
<style>
.cube-container {
width: 240px;
height: 240px;
perspective: 1000px;
margin: 75px;
}
.cube {
width: 200px;
height: 200px;
transform-style: preserve-3d;
transform: rotateY(0deg);
animation: spin 10s infinite linear;
}
.face {
position: absolute;
width: 200px;
height: 200px;
opacity: 0.9;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.front {
background: linear-gradient(#ff007f, #ffcc00);
transform: translateZ(100px);
}
.back {
background: linear-gradient(#ffcc00, #ff007f);
transform: rotateY(180deg) translateZ(100px);
}
.top {
background: linear-gradient(#00b3e6, #ff007f);
transform: rotateX(-90deg) translateZ(100px);
}
.bottom {
background: linear-gradient(#ff007f, #00b3e6);
transform: rotateX(90deg) translateZ(100px);
}
.right {
background: linear-gradient(#00b3e6, #ffcc00);
transform: rotateY(90deg) translateZ(100px);
}
.left {
background: linear-gradient(#ffcc00, #00b3e6);
transform: rotateY(-90deg) translateZ(100px);
}
.cube:hover {
animation-play-state: paused;
}
@keyframes spin {
0% { transform: rotateY(0deg); }
100% { transform: rotateY(360deg); }
}
</style>
</head>
<body>
<div class="cube-container">
<div class="cube">
<div class="face front"></div>
<div class="face back"></div>
<div class="face top"></div>
<div class="face bottom"></div>
<div class="face right"></div>
<div class="face left"></div>
</div>
</div>
</body>
</html>
#12,061,672textregMagicNumbers.xbt#11,853,623snsTheJimmyH.xbt#10,905,035textregQSentMe.sats#9,533,067snsregMagicNumbers.sats#9,238,141snsregGodsSon.sats#9,169,146snstransfer1,090.twch#8,972,394brc-20reghodgkinson.sats#8,661,752snsregDigitalAu.sats#8,456,391snsregTheJimmyH.sats#8,455,026snsmint218.twch#2,022,304brc-20mint218.twch#2,021,679brc-20mint218.twch#2,021,172brc-20mint218.twch#2,020,364brc-20mint218.twch#2,020,040brc-20mint218.twch#2,019,978brc-20mint218.twch#2,019,953brc-20mint218.twch#2,019,707brc-20mint218.twch#2,019,631brc-20mint218.twch#2,019,451brc-20mint218.twch#2,018,980brc-20mint218.twch#2,018,805brc-20mint218.twch#2,018,400brc-20mint218.twch#2,017,867brc-20mint218.twch#2,017,474brc-20mint218.twch#2,016,986brc-20mint218.twch#2,016,448brc-20mint218.twch#2,016,180brc-20mint218.twch#2,015,739brc-20mint218.twch#2,015,738brc-20mint218.geom#1,747,953brc-20mint218.geom#1,745,996brc-20mint218.geom#1,745,672brc-20mint218.geom#1,745,576brc-20mint218.geom#1,723,283brc-20mint218.geom#1,723,136brc-20mint218.geom#1,723,069brc-20mint218.geom#1,722,957brc-20mint218.geom#1,722,515brc-20mint218.geom#1,722,514brc-20mint218.twch#1,682,590brc-20mint218.twch#1,570,167brc-20mint218.twch#1,570,165brc-20mint218.twch#1,570,163brc-20mint218.twch#1,570,146brc-20mint218.twch#1,570,145brc-20mint218.twch#1,570,140brc-20mint218.twch#1,570,133brc-20mint218.twch#1,570,129brc-20mint218.twch#1,570,125brc-20mint218.twch#1,570,124brc-20transfer436.twch#1,569,995brc-20