DeAnimate - A jQuery lightweight plugin for Animatio
Ικονικρε Ατρέυς ikonikre
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="hero"> | |
| <div class="image-1 image-container"> | |
| <div class="image"></div> | |
| </div> | |
| <div class="image-2 image-container"> | |
| <div class="image"></div> | |
| </div> | |
| <h1><span class="demi">Demi</span><span class="hero">Hero</span></h1> | |
| <a class="btn"> | |
| Learn More |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .img-container | |
| h2 Welcome! | |
| h3 Insert Subtitle here | |
| .preloader | |
| .circle.circle1 | |
| .circle.circle2 | |
| .circle.circle3 |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="header"> | |
| <a href="/" class="name">pukka</a> | |
| <a href="/contact" class="contact">contact</a> | |
| </div> | |
| <div class="hero" id="particles-js"> | |
| <div class="w wave"></div> | |
| <div class="w wave2"></div> | |
| <div class="w wave3"></div> | |
| <div class="w wave4"></div> |
ikonikre
/ fully-responsive-layout-with-nice-animation.markdown
Created
September 30, 2016 11:20
Fully Responsive Layout With Nice Animation
Works in all major browsers including ios and android.
Easy to add/remove slides, just change the variables in css and js, copy & paste html and add new image in scss list.
Source of inspiration https://dribbble.com/shots/2976400-Restaurant-website-animation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="planet"></div> |
ikonikre
/ css-parallaxing-horizontal-scroller.markdown
Created
October 27, 2016 14:23
CSS Parallaxing horizontal scroller
Working on the new nonatomic.co.uk website.
A Pen by Paul Stamp on CodePen.
ikonikre
/ equilateral-grid-thingie.markdown
Created
November 1, 2016 14:30
equilateral grid thingie
A Pen by nicolas barradeau on CodePen.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <h1 class='title'>Flexbox Rules!</h1> | |
| <div class='container'> | |
| <div class='thing'>Yay!</div> | |
| <div class='thing'>Flexbox 4evr!</div> | |
| <div class='thing'><span class="emoji">🙀</span></div> | |
| <div class='thing'>Easy!</div> | |
| <div class='thing'><span class="emoji">👍</span></div> | |
| <div class='thing'>1 of ur 5 a day!<span class="emoji">🍓</span></div> | |
| <div class='thing'><span class="emoji">🚀</span></div> | |
| <div class='thing'>Super good!</div> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- | |
| article: https://raygun.io/blog/2014/07/making-svg-html-burger-button/ | |
| --> | |
| <div id="hamburger" class="hamburglar is-open"> | |
| <div class="burger-icon"> | |
| <div class="burger-container"> | |
| <span class="burger-bun-top"></span> | |
| <span class="burger-filling"></span> |