cycold

.container{
  width:95%;
  height:200px;
  background: #f90;
  margin: 10px auto 0;
  position: relative;
}

/*
  这里将left, right设为0 那么如果设置margin左右auto,就会   和relative定位的margin左右auto居中效果一致

cycold

*{margin:0;padding:0;}

.text{
  display: inline-block;
  font-size:16px;
  vertical-align: middle;/* 保证文字垂直居中 */
}

.box-1{
  height:200px;

cycold

.container{
  width:95%;
  height:200px;
  background: #f90;
  margin: 10px auto 0;
  position: relative;
}

.box-1{
  width:30%;

cycold

@echo off
rem 更改cmd客户端字符集为UTF8 
rem (如果要更改cmd字符集,需要在cmd命令行中手动输入chcp 65001 写在批处理文件中无效 并且只是对当前的cmd窗口有效 chcp 
rem 批处理乱码一般都是字符集不对, 一般批处理都使用ANSI编码最好936为GBK cmd中文默认字符集)
rem chcp 65001
rem shutdown -s -t 300  延迟300秒后关机
rem 设置延迟变量赋值
setlocal enabledelayedexpansion 
echo 关机前确认:
goto task1

cycold

[
    {
        "class": "label_control",
        "color": [255, 255, 255],
        "shadow_color": [24, 24, 24],
        "shadow_offset": [0, -1]
    },
    {
        "class": "button_control",
        "content_margin": [6, 5, 6, 6],

cycold

Convert image from clipboard to base64 encoded data with JavaScript
http://stackoverflow.com/questions/11194209/convert-image-from-clipboard-to-base64-encoded-data-with-javascript
<div contenteditable></div>

$('div[contenteditable]').bind('paste', function(e) {
    alert(123);
    var data = e.originalEvent.clipboardData.items[0].getAsFile();
    var elem = this;
    var fr = new FileReader;
    

cycold

CSS Panorama Viewer Skeleton

This is for teaching purpose.

Forked from linmic's Pen CSS Panorama Viewer Skeleton.

A Pen by icewater on CodePen.

License.

cycold

CSS 3D Panorama

webkit & firefox

Forked from Dima Karpov's Pen CSS 3D Panorama.

A Pen by icewater on CodePen.

License.

cycold

@charset "utf-8";
//注意animate keyframe 不能嵌套
@include animate-flipOutY;

        >h1{
            width: 200px;
            height: 200px;
            background-color: green;
            @include ceaser-transition(all , 600ms, $easeInOutBack);
            //@include transition(all 600ms ceaser($easeInOutBack));

cycold

// http://paulirish.com/2011/requestanimationframe-for-smart-animating/
// http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating

// requestAnimationFrame polyfill by Erik Möller. fixes from Paul Irish and Tino Zijdel

// MIT license

(function() {
    var lastTime = 0;
    var vendors = ['ms', 'moz', 'webkit', 'o'];