RotanaGit

<link href='//www.uswitch.com/webfont/fonts/v16/stylesheet.css' media='all' rel='stylesheet' type='text/css' />
<!-- only loaded in for a consistently sized drop arrow for firefox, but included by default in uSwitch, so carries no extra penalty for us -->

<form>
<table width="100%" cellspacing="0" border="0">
  <tr class="toprow">
    <th></th>
    <th>unwrapped</th>
    <th>wrapped</th>              
  </tr>

RotanaGit

Fullscreen drag-slider with parallax

Sort of responsive. Tested in Chrome/FF/last IE, everywhere looks fine.

Source of inspiration - https://stupid-studio.com/ (their js is minified, so all code is mine, except some parts of svg, like viewBox/minHeight).

A Pen by Nikolay Talanov on CodePen.

License.

RotanaGit

Responsive Nav Menu

Here is a responsive navigation menu using the checkbox hack with jQuery animation.

A Pen by Chyno Deluxe on CodePen.

License.

RotanaGit

Springing Particles

just needed to do something simple and relaxing :)

A Pen by Matei Copot on CodePen.

License.

RotanaGit

'Hero' buttons with animated icons

Twelve mixin driven icons with dynamic ring colors, a snazzy hover effect, and icon unique animations!!

Feedback appreciated, Enjoy!!

Forked from Dominic Magnifico's Pen Simple Button Hover.

A Pen by rlo206 on CodePen.

RotanaGit

In && Out

Made some buttons. They fill up with color when you hover. Color moves in && out based on mouse direction.
Works with touch / tap also, but Direction Out is based on position of NEXT button tap.
Tested in Chrome, Firefox, && IE11

A Pen by Tiffany Rayside on CodePen.

License.

RotanaGit

Webflow-style email input

Based on the input on https://webflow.com/cms. Changed to make use pseudo elements and flexbox layout.

A Pen by Phil Rose on CodePen.

License.

RotanaGit

Blobs button

Originally I found this button on this site - https://isl.co/ and recreated it. Their version is broken in FF (already contacted them), because svg filter is imported as external file (I'm like 90% sure). This is a problem with FF, if svg, which containes filter, don't actually on the page (or have display: none) whole element with this filter will be invisible.

IE don't support css filters at all, so it have bigger blobs, and other browsers have smaller blobs with help of @supports rule (turns out this thing can be really useful!).

A Pen by Nikolay Talanov on CodePen.

License.

RotanaGit

Button Outline Animation

Just a little animation for a button style

A Pen by Ryan Kanner on CodePen.

License.

RotanaGit

Stick-man Animation

this is some stick man that animation by css keyframes

A Pen by Vo Hai Dang on CodePen.

License.