Skip to content

Instantly share code, notes, and snippets.

View Xavka's full-sized avatar

Luka Čavka Xavka

View GitHub Profile
@Xavka
Xavka / footer.css
Last active September 15, 2016 12:21
@Xavka
Xavka / footer.html
Last active September 15, 2016 11:47
/* ========== SECTION 1 - content animation ========== */
.section-one > .fp-tableCell h2 {
transform: translateY(-1000px);
opacity: 0;
transition: transform .8s cubic-bezier(0.16, 0.68, 0.43, 0.99),
opacity .8s ease-in-out;
}
.section-one.active > .fp-tableCell h2 {
transform: translateY(0);
$(document).ready(function() {
$('#fullpage').fullpage({
sectionsColor: ['#0F2980', '#ffd200', '#c1c1c1'],
anchors:['firstSection', 'secondSection', 'thirdSection'],
menu: '.main-nav ul',
});
});
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Fullpage.js</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
.fp-slidesContainer {
width: 100%!important;
transform: none!important;
}
.fp-slide {
width: 100%!important;
position: absolute;
left: 0;
top: 0;
.fullpage-wrapper {
width: 100%!important;
transform: none!important;
}
.fp-section {
width: 100%!important;
position: absolute;
left: 0;
top: 0;
var gulp = require('gulp');
var postcss = require('gulp-postcss');
var atImport = require('postcss-import');
var autoprefixer = require('autoprefixer');
var cssnano = require('cssnano');
gulp.task('css', function () {
var plugins = [
atImport,
autoprefixer,
npm install postcss-import autoprefixer cssnano --save-dev