发表于： 2017-03-19 22:17:15
1 656
今天完成的事情：1.重构了7-1,7-2页面。
2.了解了模块组件化的利与弊。
3.学习了一点css动画。
明天计划的事情：完成任务13。任务14完成一半。
遇到的困难：1.模块化组件感觉一直是个难点。感觉组件里的变量并没有特别大的用处，并不能减少css代码量。组件中的类虽然可以减少css中的代码量，但是会相应的增加html文件中的代码数量，因为使用组件的话html中的类名在无形之中会增加很多。我认为唯一的优点就是可以快速的在写html页面的时候就能写出样式，实现敏捷开发。
收获：1.曾经在张鑫旭的推广网站上看到一个很酷炫的三维动画效果
，还有渐变色效果，后来经过看网站代码稍微有一点点收获，自己也能做出渐变色效果。就是利用@keyframes规则和animation动画属性，来实现渐变色效果，下面就是我所写的一个简单的渐变色代码。5秒之内完成从白色变成红色，再从红色变成黑色的效果。
<style>
div
{
width:100px;
height:100px;
background:red;
position:relative;
animation:changeColor 5s infinite;
-moz-animation:changeColor 5s infinite; /* Firefox */
-webkit-animation:changeColor 5s infinite; /* Safari and Chrome */
-o-animation:changeColor 5s infinite; /* Opera */
}
@keyframes changeColor
{
0% {background: #FFF;}
50% {background: #F01400;}
100% {background: #000;}
}
</style>
</head>
<body>
<p><b>注释：</b>本例在 Internet Explorer 中无效。</p>
<div></div>
</body>
返回列表
评论