2018-04-13
2018-04-14 本文已影响12人
Yaoi
1.前几天给自己进水的机械键盘换了轴,动手能力+100(自我感觉)
然后手机屏幕就碎了,于是买了块屏幕自己换.刚吃完午饭就迫不及待地动起手来,结果一步小心把屏幕排线拉断了......伤心得一觉睡到了7点多
现在是8:44,待会儿做一下科技节的网页设计.
刚刚把CSS3的东西大致看了一遍.比较惊艳的地方呢,就是它的动画效果,比如说:
@keyframes bgchage
{
from{bgcolor:#000000}
to{bgcolor:#ffffff}
}
div
{
animation:bgchange time;
}
这样就可以实现一个div背景颜色的渐变
还有另外两个比较漂亮的就是,鼠标悬停按钮和阴影效果
.button
{
color:black;
background-color:white;
font-size:n px;
transition-duration:n s;
}
.button:hover
{
color:white;
background-color:black;
}
这样就通过类选择器实现了一个鼠标悬停按钮,当鼠标放在上面的时候,它就从原本的白底黑字变成黑底白字.
接着是阴影特效
div
{
box-shadow:Horizontal_Shadow Vertical_Shadow Faint_Distance Shadow_Color;
}
可惜的是这些效果虽然好玩,但是和我网页设计需要的效果相差甚远.想了想最终决定模仿一下上交大校庆网站做一下.
明天先学学滚动轮播,应该能顺便把JS JQuery的东西看一看
tata