Skip to content

Instantly share code, notes, and snippets.

@t-okushima
Created July 30, 2017 00:23
Show Gist options
  • Save t-okushima/45629fe3e6e4da07ef10b3985c27e4cf to your computer and use it in GitHub Desktop.
Save t-okushima/45629fe3e6e4da07ef10b3985c27e4cf to your computer and use it in GitHub Desktop.
npm install --save-dev gulp-postcss autoprefixer
'use strict';
var gulp = require('gulp'),
postcss = require('gulp-postcss');
// apply PostCSS plugins
gulp.task('css', function() {
return gulp.src('css/test.css')
.pipe(postcss([
require('autoprefixer')({})
]))
.pipe(gulp.dest('dest/css/test.css'));
});
.bg-bubbles {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.bg-bubbles li {
position: absolute;
list-style: none;
display: block;
width: 40px;
height: 40px;
background-color: rgba(255, 255, 255, 0.15);
bottom: -160px;
border-radius:50%;
animation: square 25s infinite;
transition-timing-function: linear;
}
.bg-bubbles {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.bg-bubbles li {
position: absolute;
list-style: none;
display: block;
width: 40px;
height: 40px;
background-color: rgba(255, 255, 255, 0.15);
bottom: -160px;
border-radius:50%;
-webkit-animation: square 25s infinite;
animation: square 25s infinite;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment