Skip to content

Instantly share code, notes, and snippets.

.css-selector {
    background: linear-gradient(270deg, #6887a0, #bbdde6, #23a6d5, #a3b2a4, #e8edbb, #67823a, #ffb600, #cf5326, #ba0c2f, #d27e65, #e6b7bd, #ded9ce);
    background-size: 2400% 2400%;
    -webkit-animation: AnimationName 59s ease infinite;
    -moz-animation: AnimationName 59s ease infinite;
    -o-animation: AnimationName 59s ease infinite;
    animation: AnimationName 59s ease infinite;
}
@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
.css-selector {
    background: linear-gradient(182deg, #6887a0, #bbdde6, #23a6d5, #a3b2a4, #e8edbb, #67823a, #ffb600, #cf5326, #ba0c2f, #d27e65, #e6b7bd, #ded9ce);
    background-size: 2400% 2400%;
    -webkit-animation: upgradient 59s ease infinite;
    -moz-animation: upgradient 59s ease infinite;
    -o-animation: upgradient 59s ease infinite;
    animation: upgradient 59s ease infinite;
}
@-webkit-keyframes upgradient {
    0%{background-position:51% 0%}
1. Build GraphQL server using `express-graphql` package.
2. Configure `schema.js` file.
3. Query for data.
@afrodesia
afrodesia / gulp.js
Created January 29, 2017 16:33
BrowserSync + Express + Node
'use strict';
var gulp = require('gulp');
var browserSync = require('browser-sync');
var nodemon = require('gulp-nodemon');
// we'd need a slight delay to reload browsers
// connected to browser-sync after restarting nodemon
var BROWSER_SYNC_RELOAD_DELAY = 500;
@afrodesia
afrodesia / Basic Html Page Starter
Created January 17, 2017 02:16
Basic Html Page Starter
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="author" content="" />
<title></title>
<body>
@afrodesia
afrodesia / Clock Component - React.js
Last active December 27, 2016 22:02
Clock code that can be used in React.js
import React from 'react'
class Clock extends React.Component {
constructor(props){
super(props)
this.state = this.getTime()
}
componentDidMount() {
this.setTimer()
}