CSS3 (1) - Beginner

/Library/Frameworks/Python.framework/Versions/3.5/bin

git clone https://*corp.com/*-dev.git

/usr/local/packages/aime/ias/run_as_root "su - root"

ssh -X zhaofliu@*.com

mongod --fork --dbpath /Users/*/mongodb/db --logpath /Users/*/mongodb/logs/mongodb.log
memcached -d -t 4 -v 2>>/Users/*/memcached/logs/memcache.log
nginx -c /Users/*/nginx/config/nginx.conf

border-radius
. {

}

text-shadow
. {

}

box-shodow
. {

}

box-sizing:
* {
　　-moz-box-sizing: border-box;
　　-webkit-box-sizing: border-box;
　　box-sizing: border-box;
}

linear-gradient
. {
　　backgroud-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#333)); /* Safari*/
　　backgroud-image: -webkit-linear-gradient(top, white, #333); /*Chrome 10+ iOS 5+*/
　　backgroud-image: -moz-linear-gradient(top, white, #333); /* Firefox 3.6 - 15*/
　　backgroud-image: -o-linear-gradient(top, white, #333); /* Opera */
　　backgroud-image: linear-gradient(to bottom, white, #333); /* Firefox 16+, IE10, Opera 12.50+ */

}

transition
. {
　　-webkit-transition: width 0.2s ease-out 2s, backgroud-color 2s linear;
　　-moz-transition: width 0.2s ease-out 2s, backgroud-color 2s linear;
　　-o-transition: width 0.2s ease-out 2s, backgroud-color 2s linear;
　　transition: width 0.2s ease-out 2s, backgroud-color 2s linear;
}

transform
. {
　　-webkit-transform: rotate(7.5deg);
　　-moz-transform: rotate(7.5deg);
　　-o-transform: rotate(7.5deg);
　　transform: rotate(7.5deg);
}

animation
.spin {
　　width: 100px;
　　height: 100px;
　　backgroud-color: white;
　　-webkit-animation: spin 5s linear infinite;
　　animation: spin 5s linear infinite;
}
@-webkit-keyframes spin {
　　0% { -webkit-transform: rotate(0deg); }
　　100% { -webkit-transform: rotate(360deg); }
}
...
@keyframes spin {
　　0% { transform: rotate(0deg); }
　　100% { transform: rotate(360deg); }
}

google font

<link href="https://fonts.googleapis.com/css?family=Macondo" rel="stylesheet">

@fontface

http://www.fontsquirrel.com/