note
来源:互联网 发布:贝恩财团 知乎 编辑:程序博客网 时间:2024/05/22 15:55
1.线性渐变:
background: -webkit-gradient(linear, 0 0, 100 100, from(yellow), to(blue));
/*渐变的类型? (linear)
渐变开始的X Y 轴坐标(0 0 – 或者left-top)
渐变结束的X Y 轴坐标(0 100% 或者left-bottom)
开始的颜色? (from(red))
结束的颜色? (to(blue))*/
2.文字倒影:
方法一: -webkit-box-reflect: below 1px -webkit-gradient(linear,0 20%,0 100%,from(transparent),color-stop(0, transparent),to(#000));
方法二: -webkit-box-reflect:below 0 -webkit-linear-gradient(transparent,transparent 20%,rgba(255,255,255,.3));
3.文本阴影:
text-shadow:5px 2px 6px #000;
4.动画过度:
img:hover{
-webkit-animation: 6s effect infinite; //forwards
}
@-webkit-keyframes effect {
10% { -webkit-transform:rotate(60deg);}
20% { -webkit-transform:rotate(-120deg);}
30% { -webkit-transform:rotate(180deg);}
40% { -webkit-transform:rotate(-240deg);}
50% { -webkit-transform:rotate(300deg);}
100% { -webkit-transform:rotate(-360deg);}
}
5.border-image
6.跑马灯
marquee
7.鼠标移动文本框提示内容消失
placeholder
- note
- note
- NOTE
- note
- Note
- note
- note
- Note
- note
- Note
- Note
- note
- Note
- Note
- Note
- note
- note
- note
- 自学Java之一(import关键字)
- cocos2dx项目向Android移植
- poj1552-double
- 三种内存地址:逻辑地址,线性地址,和物理地址
- 面向对象程序设计上机练习八(对象数组)
- note
- 【cocos2d-x-3.1.1系列5】cocos2d-x 引用计数细节
- android开发中常用的快捷键
- 学习Java第一天
- 也谈析构:析构函数何时被调用
- zed属性
- fourth(工资)
- ctags为系统头文件目录生成tags
- TopCoder 636 B 【暴力】