Das schwarze Loch

  • Wer's verpasst hat :)

    Code
    <style>#black-hole{background:#000;display:grid;place-content:center;height:100vh;filter:blur(8px)}black-hole,black-hole:after,black-hole:before{display:block;border-radius:50%}black-hole{width:50vmin;height:51vmin;box-shadow:1vmin 0 3vmin 2vmin #f50,inset -1vmin 0 3vmin 4vmin #f80,-4vmin 0 35vmin 0 #f60;animation:bh 5s linear infinite}@keyframes bh{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}black-hole:after,black-hole:before{content:"";background:#fff;position:relative;top:6vmin}black-hole:before{width:3vmin;height:3vmin;left:40vmin;box-shadow:#ff0 0 0 2vmin 2vmin,#ff0 2vmin 4vmin 2vmin .5vmin}black-hole:after{width:38vmin;height:38vmin;opacity:.03;left:-14vmin}</style>
    
    <div id="black-hole"><black-hole /></div>
    Code
    <style>#black-hole{background:#000;display:grid;place-content:center;height:100vh;filter:blur(8px)}black-hole,black-hole:after,black-hole:before{display:block;border-radius:50%}black-hole{width:50vmin;height:51vmin;box-shadow:1vmin 0 3vmin 2vmin #f50,inset -1vmin 0 3vmin 4vmin #f80,-4vmin 0 35vmin 0 #f60;animation:bh 5s linear infinite}@keyframes bh{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}black-hole:after,black-hole:before{content:"";background:#fff;position:relative;top:6vmin}black-hole:before{width:3vmin;height:3vmin;left:40vmin;box-shadow:#ff0 0 0 2vmin 2vmin,#ff0 2vmin 4vmin 2vmin .5vmin}black-hole:after{width:38vmin;height:38vmin;opacity:.03;left:-14vmin}</style>
    
    <div id="black-hole"><black-hole /></div>
  • Dieses Thema enthält 6 weitere Beiträge, die nur für registrierte Benutzer sichtbar sind, bitte registrieren Sie sich oder melden Sie sich an um diese lesen zu können.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!