alirezarezamand

<canvas id="c">

alirezarezamand

<main>
  

<section>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>

alirezarezamand

  <div class="container">
    <div class="circle circle5"></div>
    <div class="circle circle4"></div>
    <div class="circle circle3"></div>
    <div class="circle circle2"></div>
    <div class="circle circle1"></div>
  </div>

alirezarezamand

GSAP ScrollTrigger + TextPlugin

Inspired by https://scenery.io/scenes/text-sleep-repeat-WcMTh0V9DbP

A Pen by Tom Miller on CodePen.

License.

alirezarezamand

<main id="app">

    <header>
        <h1>Neon Glass Context menu</h1>
        <p>Right-click to open</p>
    </header>
    
    <footer class="dark">
        <h2>Pick your own colors!</h2>
        <input type=range id="h1" min=0 max=360 value=255 />

alirezarezamand

Canvas Cube

A Pen by Alireza on CodePen.

License.

alirezarezamand

Gooey Stars (CSS & SVG)

🖖 0,5 Scale Factor

A Pen by Konstantin Denerz on CodePen.

License.

alirezarezamand

500 Internal Server Error Page

A Pen by Ricardo on CodePen.

License.

alirezarezamand

<div class="noti">
  <div class="notiglow"></div>
  <div class="notiborderglow"></div>
  <div class="notititle">Restart Completed</div>
  <div class="notibody">Server restarted successfully in 58 seconds and is back online</div>
</div>

<a class="note" href="https://codepen.io/cleveryeti/pen/JjwNqgP" target="_blank">note: there is a new version of this with animations and support for multiple notifications. Click here to open it</a>

alirezarezamand

Click the button!

You tell me..

A Pen by Alireza on CodePen.

License.