CodeMyUI

Dual Triangle Preloaders

A collection of preload animations made using only two triangles, whether they look like practical ones or just plain weird

A Pen by Jon Kantner on CodePen.

License.

DEMO : https://codemyui.com/dual-triangle-loading-animations/

CodeMyUI

<div>
	<span id="L">L</span>
	<span id="I">I</span>
	<span id="G">G</span>
	<span id="H">H</span>
	<span id="T">T</span>
</div>

CodeMyUI

3D Textbox

Created this 3D textbox form input box as part of the article image for https://rgb.wiki/textbox

It uses transform: rotate for the sides and for the overall rotation.

A Pen by Jouan Marcel on CodePen.

License.

CodeMyUI

CSS Goey footer

I'm a little late to the blob party, but I'm having fun
Do not use this for real projects with this amount of blobs, use 24 of them or less 😛
_

Made using GistPad https://aka.ms/gistpad
Pen available as a Gist: https://gist.github.com/oauo/ecdf56c499e809ad671c4d85d5c2b90a
Open in GistPad: vscode://vsls-contrib.gistfs/open?gist=ecdf56c499e809ad671c4d85d5c2b90a

CodeMyUI

Exciting Multi-line Highlights

Ditch the boring underline, Add some exciting highlights!

A Pen by Manan Tank ⚡ on CodePen.

License.

---

CodeMyUI

https://codemyui.com/labyrinth-style-balancing-ball-neumorphic-toggle/

CodeMyUI

https://codepen.io/jh3y/pen/eYpmBxQ

https://codemyui.com/?p=29617

CodeMyUI

glitch effect — week 9/52

glitch effect — week 9/52

A Pen by Mert Cukuren on CodePen.

License.

CodeMyUI

<link href="https://fonts.googleapis.com/css?family=Archivo+Black&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Archivo:700&display=swap" rel="stylesheet">


<div class="card">
  <p>
    Similar post
  </p>
  <h2>
    How I recreated a Polaroid camera with CSS gradients only

CodeMyUI

<canvas id="canvas"></canvas>

<h1>What's behind the curtain ?</h1>
<p>This funny interactive curtain is made with ThreeJS, polylines and verlet constraints (adapted from verlet-js).</p>