alirezarezamand

GSAP SplitText Demo

A Pen by Ryan LaBar on CodePen.

License.

alirezarezamand

<main>
  <section class="content-container">
    <div class="media-primary">
      <img alt="Generated image of some people working at a computer"
        src="https://assets.codepen.io/140/learning-grid-and-clip-path.png" />
    </div>
    <div class="media-secondary">
      <figure class="animated-icon">
        <img alt="illustration of a laptop" src="https://assets.codepen.io/140/laptop.webp" />
      </figure>

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.