Skip to content

Instantly share code, notes, and snippets.

View derhach0v's full-sized avatar

Denys Derhachov derhach0v

1 follower · 3 following
  • Kharkiv
View GitHub Profile
@derhach0v
derhach0v / Loading Title
Last active November 10, 2018 11:57
Loading Title
=============================HTML==================
===================================================
<div class="start-screen">
<div class="loading">
<div class="loading__element el1">B</div>
<div class="loading__element el2">U</div>
<div class="loading__element el3">I</div>
@derhach0v
derhach0v / 4 Loading Examples
Created November 10, 2018 11:43
4 Loading Examples
===============================HTML=======================
<section class="loaders"><span class="loader loader-quart"> </span> Loading...</section>
<section class="loaders loaders-bg-2"><span class="loader loader-double"> </span> Loading...</section>
<section class="loaders loaders-bg-3"><span class="loader loader-circles"> </span> Loading...</section>
<section class="loaders loaders-bg-4"><span class="loader loader-bars"><span> </span></span> Loading...</section>
=================================CSS=======================
@derhach0v
derhach0v / Galery
Created November 10, 2018 11:38
GaleryCss
==========================HTML==========================
========================================================
<nav>
<!-- --------- PRIMEIRO PROJETO ------- -->
<ul>
<p class="info">
<span>Hey Taxi !</span>
<strong>Briefing do Projeto</strong>
<button>+</button>
</p>
@derhach0v
derhach0v / Submit Button
Created November 10, 2018 11:31
Submit Button
===================CSS=========================
$green: #1ECD97;
$gray: #bbbbbb;
* {
font-family: 'Roboto', sans-serif;
}
.container {
position: absolute;
top:50%;
@derhach0v
derhach0v / Pure CSS Button
Created November 10, 2018 11:24
Pure CSS Button
<h1>Pure Css Button</h1>
<div class="main">
<div class="sub-main">
<button class="button-one">Tap Me</button>
</div>
<div class="sub-main">
<button class="button-two"><span>Hover Me</span></button>
</div>
<div class="sub-main">
@derhach0v
derhach0v / Button Hower
Created November 10, 2018 11:22
Button Hower
@import 'compass/css3';
$btn-w: 12em;
$btn-lh: 3;
$btn-d: sqrt(pow($btn-w, 2) + pow($btn-lh, 2));
$btn-a: atan($btn-lh/($btn-w/($btn-w*0 + 1)))*180deg/pi();
body {
display: flex;
align-items: center;
@derhach0v
derhach0v / Button css
Created October 15, 2018 14:04
button {
display: inline-block;
border: none;
color: white;
text-decoration: none;
background-color: #c40137;
padding: 15px 45px;
font-size: 13px;
text-transform: uppercase;
font-weight: 600;
@derhach0v
derhach0v / button.sass
Created May 30, 2017 20:38 — forked from agragregra/button.sass
Button Sass Styles (Universal Starter)
.button
display: inline-block
border: none
color: #fff
text-decoration: none
background-color: $accent
padding: 15px 45px
font-size: 13px
text-transform: uppercase
font-weight: 600
@derhach0v
derhach0v / gist:a817ea487972462419b879ac85b4d7c1
Created May 9, 2017 15:25
qube-360 animation pure css
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Cube</title>
</head>
<style type="text/css">
@-webkit-keyframes spincube {
from,to { -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); }
16% { -webkit-transform: rotateY(-90deg); }