jocubeit

CSS-only blob animation

A Pen by Marcos Silva on CodePen.

License.

jocubeit

<div id="mobile" class="demo1">
  <div id="burgerBtn"></div>
  <ul id="nav">
    <li></li>
    <li></li>
    <li></li>
    <li></li>
  </ul>
  <div id="mobileBodyContent">
    <div id="header"></div>

jocubeit

App Navigation

Concept for mobile app navigation.

A Pen by Ian Turner on CodePen.

License.

jocubeit

<a href="http://waaark.com" class="btn-liquid">
		<span class="inner">Liquid button ?</span>
</a>

jocubeit

Daily UI #3 (Fluid Menu)

A Pen by Dragos on CodePen.

License.

jocubeit

<a href="https://youtu.be/McrMC3SXhUU" target="_blank" data-keyframers-credit style="color: #000"></a>
<script src="https://codepen.io/shshaw/pen/QmZYMG.js"></script>

<input type="radio" name="choice" id="nav-1" checked>
<input type="radio" name="choice" id="nav-2">
<input type="radio" name="choice" id="nav-3">

<div id="app">
  <nav class="ui-nav">
    <div class="ui-bg">

jocubeit

.open-close-button

jocubeit

Bubbly Button

Inspired by: https://dribbble.com/shots/3975065-With-a-Click-of-a-Button By Gal Shir

Made the bubbles using "radial-gradient" for background-image. I believe this property is so cool that you can draw many things without adding extra divs or pseudo elements (::before and ::after)

A Pen by Nour Saud on CodePen.

License.

jocubeit

Card Flip

A simple card flip effect using Anime.js

A Pen by Marcos Paulo on CodePen.

License.

jocubeit

CSS Card Flip

Simple card flip using CSS 3D transforms and transitions

A Pen by Cole Bemis on CodePen.

License.