仿品牌家居笔记（一）

css篇：
此网站主要运用了bootstrap框架；响应式网页；
1、采用fullpage插件形成页面大布局，插件的运用看另一篇他的使用方法。
2、transform的应用：
transform的属性包括：1、rotate（旋转） 2、skew（斜切） 3、scale（缩放） 4、translate（位移变化）
旋转实例：@keyframes icon_3 {
0% {
transform: rotate(0deg);
}
50% {
opacity: 1
}
100% {
transform: rotate(360deg);
opacity: 0.2
}
}
大小缩减：
.effect:hover {
animation-duration: 1.2s; //定义动画开始到结束的时间
animation-name: pulse; //定义动画的名字
}
@keyframes pulse { //keyframes 图片的变换
0% {
transform: scale(1);
}
50% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}