This is for teaching purpose.
Forked from linmic's Pen CSS Panorama Viewer Skeleton.
.container{ | |
width:95%; | |
height:200px; | |
background: #f90; | |
margin: 10px auto 0; | |
position: relative; | |
} | |
/* | |
这里将left, right设为0 那么如果设置margin左右auto,就会 和relative定位的margin左右auto居中效果一致 |
*{margin:0;padding:0;} | |
.text{ | |
display: inline-block; | |
font-size:16px; | |
vertical-align: middle;/* 保证文字垂直居中 */ | |
} | |
.box-1{ | |
height:200px; |
.container{ | |
width:95%; | |
height:200px; | |
background: #f90; | |
margin: 10px auto 0; | |
position: relative; | |
} | |
.box-1{ | |
width:30%; |
@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 |
[ | |
{ | |
"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], |
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; | |
webkit & firefox
Forked from Dima Karpov's Pen CSS 3D Panorama.
@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)); |
// 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']; |