Skip to content

Instantly share code, notes, and snippets.

View jinze's full-sized avatar

JIN Ze jinze

  • NetEase, Inc.
  • Hangzhou, China
View GitHub Profile
@jinze
jinze / dabblet.css
Last active August 9, 2017 11:45
Untitled
img {
height: 30px;
width: 196px;
display: block;
margin: 15px auto;
transition-duration: 1s;
/*transition-timing-function: cubic-bezier(.75, 0, 1, .25);*/
/*transition-property:height;*/
}
img:hover {
@jinze
jinze / dabblet.css
Last active August 9, 2017 11:44
Untitled
.body{
background: #fff;
background-image: repeating-linear-gradient(45deg, #f00 0, #f00 12.5%, transparent 0, transparent 25%, #00f 0, #00f 37.5%, transparent 0,transparent 50%);
background-size: 100px 100px;
/*background-image: repeating-linear-gradient(45deg, #999 0, #999 25%, transparent 25%, transparent 50%);*/
animation: moves 2s linear infinite;
width:200px;
height:300px;
}
@jinze
jinze / dabblet.css
Last active August 9, 2017 11:44 — forked from csssecrets/dabblet.css
Marching ants border
/**
* Marching ants border
*/
.wrapper{
border: 1PX solid rgba(0,0,0,0);
background-image: linear-gradient(#fff, #fff), repeating-linear-gradient(-45deg, #000 0, #000 12.5%, transparent 0, transparent 25%, #000 0, #000 37.5%, transparent 0,transparent 50%);
background-clip:padding-box, border-box;
background-size:1em 1em;
width:700px;
@jinze
jinze / dabblet.css
Last active August 9, 2017 11:45
Untitled
body{font-size:50px;}
.arrow{
vertical-align:middle;
display: inline-block;
width: 0;
height: 0;
border-left: 18px solid transparent;
border-right: 18px solid transparent;
border-top: 20px solid #333;
transition: transform .3s;
@jinze
jinze / dabblet.css
Last active August 9, 2017 11:45
Untitled
.wrapper{
border: 1em solid rgba(0,0,0,0);
background-image: linear-gradient(#fff, #fff),repeating-linear-gradient(-45deg, #f00 0, #f00 12.5%, transparent 0, transparent 25%, #00f 0, #00f 37.5%, transparent 0,transparent 50%);
/**/
background-clip:padding-box, border-box;
background-size:5em 5em;
width:500px;
height:300px;
box-sizing:border-box;
padding: 1em;
@jinze
jinze / dabblet.css
Last active August 9, 2017 11:45
Blueprint grid
/**
* Blueprint grid
*/
html{
width:100vw;
height:100vh;
background-image: linear-gradient(to right, rgba(53, 26, 33, 0.7) 50%, transparent 50%), linear-gradient(to bottom, rgba(53, 26, 33, 0.7) 50%, transparent 50%);
/*background-image: linear-gradient(rgba(53, 26, 33, 0.7), #fff)*/
/* background-image: linear-gradient(rgba(53, 26, 33, 0.7) 0, rgba(53, 26, 33, 0.7) 50%, transparent 0, transparent 100%),
linear-gradient(90deg, rgba(53, 26, 33, 0.7) 0, rgba(53, 26, 33, 0.7) 50%, transparent 0, transparent 100%);*/
@jinze
jinze / tmux.conf
Created October 25, 2012 15:53
tmux.conf
# Our .tmux.conf file
# Setting the prefix from C-b to C-a
# START:prefix
set -g prefix C-a
# END:prefix
# Free the original Ctrl-b prefix keybinding
# START:unbind
unbind C-b
# END:unbind
@jinze
jinze / forever-initd-example.sh
Created September 19, 2012 09:50
forever init.d example
#!/bin/bash
#
# initd-example Node init.d
#
# chkconfig: 345 80 20
# description: Node init.d example
# processname: node
# pidfile: /var/run/initd-example.pid
# logfile: /var/log/initd-example.log
#
@jinze
jinze / chinese.js
Created January 12, 2012 14:54
A test for uglifier encoding Chinese bug
alert("ÖÐÎÄ");
@jinze
jinze / Gemfile
Created January 4, 2012 07:33
A obfuscator for JS & CSS
source "http://rubygems.org"
gem "json"
gem "uglifier"
gem "sass"