Archives
Trending
Support
Login
clear text
XML
Django
JavaScript
MATLAB
C
C++
C#
Python
SQL
Shell
Bash
Markdown
YAML
JSON
HTML
CSS
PHP
Java
Ruby
Go
Rust
Swift
Kotlin
Arduino
TypeScript
Perl
Autohotkey
Lua
SQF
R
Scala
Haskell
Groovy
Dart
Clojure
VB.NET
Objective-C
PowerShell
Bash
CoffeeScript
Verilog
.contenedor { display: flex; justify-content: center; align-items: center; padding-top: 150px; padding-bottom: 150px; } .dado { position: relative; width: 200px; height: 200px; transform-style: preserve-3d; transform: rotateY(185deg) rotateX(150deg) rotateZ(315deg); animation: rotate 5s linear infinite; } .lado { width: 100%; height: 100%; background: #da0060; border: 2px solid black; position: absolute; opacity: 0.7; display: flex; align-items: center; justify-content: center; } .lado:before { content: ""; width: 20%; height: 20%; background: black; border-radius: 50%; } .base { width: 100%; height: 100%; transform: translateY(73px) rotateX(90deg); border: 0; background: blue; } .uno { transform: translateZ(100px); } .dos { transform: translateX(-100px) rotateY(-90deg); } .dos:before { background: transparent; box-shadow: #000 -50px -50px 0px 0px, #000 50px 50px 0px 0px; } .tres { transform: translateY(100px) rotateX(90deg); } .tres:before { box-shadow: #000 -50px 50px 0px 0px, #000 50px -50px 0px 0px; } .cuatro { transform: translateY(-100px) rotateX(90deg); } .cuatro:before { background: transparent; box-shadow: #000 -50px 50px 0px 0px, #000 -50px -50px 0px 0px, #000 50px 50px 0px 0px, #000 50px -50px 0px 0px; } .cinco { transform: translateX(100px) rotateY(90deg); } .cinco:before { box-shadow: #000 -50px -50px 0px 0px, #000 -50px 50px 0px 0px, #000 50px -50px 0px 0px, #000 50px 50px 0px 0px; } .seis { transform: translateZ(-100px); } .seis:before { background: transparent; box-shadow: #000 -50px -50px 0px 0px, #000 -50px 0px 0px 0px, #000 -50px 50px 0px 0px, #000 50px -50px 0px 0px, #000 50px 0px 0px 0px, #000 50px 50px 0px 0px; } @keyframes rotate { from { transform: rotateY(0) rotateX(30deg) rotateZ(30deg); } to { transform: rotateY(360deg) rotateX(30deg) rotateZ(30deg); } }
Mark as private (unlisted)
for 30 minutes
for 6 hours
for 1 day
for 1 week
for 1 month
for 1 year
everlasting (like CCCP)