Skip to content

Instantly share code, notes, and snippets.

View CurleyWebDev's full-sized avatar

CurleyWebDev CurleyWebDev

View GitHub Profile
@CurleyWebDev
CurleyWebDev / index.html
Last active March 28, 2020 01:18
Pure CSS 😷!!!
<div class="emoji">
<div class="left-eye"></div>
<div class="right-eye"></div>
<div class="mouth"></div>
<div class="mask">
<div class="front"></div>
<div class="straps-top"></div>
<div class="straps-bottom"></div>
</div>
@CurleyWebDev
CurleyWebDev / index.html
Last active January 16, 2020 16:57
Pure CSS 🤣!!!
<div class="head">
<div class="face">
<div class="eyes">
<div class="left-eye"></div>
<div class="right-eye"></div>
</div>
<div class="tear-1"></div>
<div class="tear-2"></div>
<div class="mouth"></div>
</div>

Black Tiles

CSS animation : Animation of the transform-origin prot=perty, and rotate transform functions.

by CurleyWebDev

License.

Fast Spin!!!

CSS animation of the rotateY transform function and the hue-rotate filter.

by CurleyWebDev

License.

@CurleyWebDev
CurleyWebDev / Lights.markdown
Last active August 16, 2019 18:34
Lights!- CSS Text Animation
@CurleyWebDev
CurleyWebDev / index.html
Last active August 13, 2019 00:08
Pure CSS 😈
<div class="head">
<div class="left-eye"></div>
<div class="right-eye"></div>
<div class="mouth"></div>
<div class="left-horn"></div>
<div class="right-horn"></div>
</div>
@CurleyWebDev
CurleyWebDev / index.html
Created August 12, 2019 19:43
Pure CSS 😴!!!
<h1>Hover on me for animation!</h1>
<div class="head">
<div class="left-eye"></div>
<div class="right-eye"></div>
<div class="mouth"></div>
<div class="z-1 z">Z</div>
<div class="z-2 z">Z</div>
<div class="z-3 z">Z</div>
</div>
@CurleyWebDev
CurleyWebDev / index.html
Last active August 12, 2019 17:31
Pure CSS 😭
<div class="head">
<div class="left-eye"></div>
<div class="right-eye"></div>
<div class="tears-right"></div>
<div class="tears-left"></div>
<div class="mouth"></div>
</div>
@CurleyWebDev
CurleyWebDev / index.html
Last active August 21, 2019 14:14
Pure CSS 😡/🤬
<h1>Hover on me for animation!</h1>
<div class="head">
<div class="face">
<div class="mouth"></div>
<div class="left-eye"></div>
<div class="right-eye"></div>
<div class="censor"></div>
</div>
</div>
@CurleyWebDev
CurleyWebDev / css-animation-order-property.markdown
Last active August 12, 2019 16:33
CSS Animation: Order Property

CSS Animation: Order Property

This CSS animation uses the "order" property. In order to use this property, you must give the "display" property a value of "flex".

License.