Re: Re: element tidak lurus

From Small Bushbaby, 4 Years ago, written in CSS.

This paste is a reply to Re: element tidak lurus from sanjaya - view diff

Embed

Download Paste or View Raw
Hits: 79

/* html */

<div class="overlay">

<section>

<div class="loader">









































</div>

</section>

</div>

/* Loader */

section {

display: flex;

justify-content: center;

align-items: center;

min-width: 100vw;

min-height: 100vh;

background: #042104;

}

.overlay {

z-index: 9999999;

position: fixed;

top: 0;

bottom: 0;

left: 0;

right: 0;

}

section .loader{

position: relative;

width: 120px;

height: 120px;

}

section .loader span {

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

}

section .loader span::before {

content: "";

position: absolute;

top: 0;

left: 0;

width: 15px;

height: 15px;

background: #00ff0a;

box-shadow: 0 0 10px #00ff0a,

0 0 20px #00ff0a,

0 0 40px #00ff0a,

0 0 60px #00ff0a,

0 0 80px #00ff0a,

0 0 100px #00ff0a;

}

/* akhir Loader */

Author

Title

Language

Your paste - Paste your paste here

/* html */

&lt;div class=&quot;overlay&quot;&gt;
    &lt;section&gt;
        &lt;div class=&quot;loader&quot;&gt;
            &lt;span style=&quot;--i:1;&quot;&gt;&lt;/span&gt;
            &lt;span style=&quot;--i:2;&quot;&gt;&lt;/span&gt;
            &lt;span style=&quot;--i:3;&quot;&gt;&lt;/span&gt;
            &lt;span style=&quot;--i:4;&quot;&gt;&lt;/span&gt;
            &lt;span style=&quot;--i:5;&quot;&gt;&lt;/span&gt;
            &lt;span style=&quot;--i:6&quot;&gt;&lt;/span&gt;
            &lt;span style=&quot;--i:7;&quot;&gt;&lt;/span&gt;
            &lt;span style=&quot;--i:8;&quot;&gt;&lt;/span&gt;
            &lt;span style=&quot;--i:9;&quot;&gt;&lt;/span&gt;
            &lt;span style=&quot;--i:10;&quot;&gt;&lt;/span&gt;
            &lt;span style=&quot;--i:11;&quot;&gt;&lt;/span&gt;
            &lt;span style=&quot;--i:12;&quot;&gt;&lt;/span&gt;
            &lt;span style=&quot;--i:13;&quot;&gt;&lt;/span&gt;
            &lt;span style=&quot;--i:14;&quot;&gt;&lt;/span&gt;
            &lt;span style=&quot;--i:15;&quot;&gt;&lt;/span&gt;
            &lt;span style=&quot;--i:16;&quot;&gt;&lt;/span&gt;
            &lt;span style=&quot;--i:17;&quot;&gt;&lt;/span&gt;
            &lt;span style=&quot;--i:18;&quot;&gt;&lt;/span&gt;
            &lt;span style=&quot;--i:19;&quot;&gt;&lt;/span&gt;
            &lt;span style=&quot;--i:20;&quot;&gt;&lt;/span&gt;
        &lt;/div&gt;
    &lt;/section&gt;
&lt;/div&gt;

/* Loader */
section {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 100vw;
  min-height: 100vh;
  background: #042104;
}

.overlay {
  z-index: 9999999;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

section .loader{
position: relative;
width: 120px;
height: 120px;
}

section .loader span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

section .loader span::before {
  content: &quot;&quot;;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  background: #00ff0a;
  box-shadow: 0 0 10px #00ff0a,
              0 0 20px #00ff0a,
              0 0 40px #00ff0a,
              0 0 60px #00ff0a,
              0 0 80px #00ff0a,
              0 0 100px #00ff0a;
}
/* akhir Loader */

Private - Private paste aren't shown in recent listings.

Delete After - When should we delete your paste?

Spam protection -

{"html5":"htmlmixed","css":"css","javascript":"javascript","php":"php","python":"python","ruby":"ruby","lua":"text\/x-lua","bash":"text\/x-sh","go":"go","c":"text\/x-csrc","cpp":"text\/x-c++src","diff":"diff","latex":"stex","sql":"sql","xml":"xml","apl":"apl","asterisk":"asterisk","c_loadrunner":"text\/x-csrc","c_mac":"text\/x-csrc","coffeescript":"text\/x-coffeescript","csharp":"text\/x-csharp","d":"d","ecmascript":"javascript","erlang":"erlang","groovy":"text\/x-groovy","haskell":"text\/x-haskell","haxe":"text\/x-haxe","html4strict":"htmlmixed","java":"text\/x-java","java5":"text\/x-java","jquery":"javascript","mirc":"mirc","mysql":"sql","ocaml":"text\/x-ocaml","pascal":"text\/x-pascal","perl":"perl","perl6":"perl","plsql":"sql","properties":"text\/x-properties","q":"text\/x-q","scala":"scala","scheme":"text\/x-scheme","tcl":"text\/x-tcl","vb":"text\/x-vb","verilog":"text\/x-verilog","yaml":"text\/x-yaml","z80":"text\/x-z80"}

Re: Re: element tidak lurus

Reply to "Re: Re: element tidak lurus"