css3
来源:互联网 发布:淘宝店铺提高流量 编辑:程序博客网 时间:2024/05/22 01:39
修改第二个元素样式: li:nth-child(2){ transform:rotate(10deg); }
修改第三个、第六个。。元素样式:li:nth-child(3n){ transform:rotate(-25deg);}
背景径向渐变: background: radial-gradient(#2a899d, #0d3553, #132c43);
背景线性渐变:background: linear-gradient(#337f91, #30637a, #1d4661);
背景透明:background:rgba(255, 255, 255, 0.055);
修改奇数行、偶数行:odd表示奇数行,even表示偶数行:
tr:nth-child(odd);
@media screen and (min-width: 320px) and (max-width: 789px){
}
线性渐变的兼容写法如下:
修改第三个、第六个。。元素样式:li:nth-child(3n){ transform:rotate(-25deg);}
背景径向渐变: background: radial-gradient(#2a899d, #0d3553, #132c43);
背景线性渐变:background: linear-gradient(#337f91, #30637a, #1d4661);
背景透明:background:rgba(255, 255, 255, 0.055);
修改奇数行、偶数行:odd表示奇数行,even表示偶数行:
tr:nth-child(odd);
.table-striped > tbody > tr:nth-child(odd) {
}
控制不同分辨率的样式:@media screen and (min-width: 320px) and (max-width: 789px){
}
线性渐变的兼容写法如下:
.gradient{ background: #000000; background: -moz-linear-gradient(top, #000000 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #000000 0%,#ffffff 100%); background: -o-linear-gradient(top, #000000 0%,#ffffff 100%); background: -ms-linear-gradient(top, #000000 0%,#ffffff 100%); background: linear-gradient(to bottom, #000000 0%,#ffffff 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=0 ); } :root .gradient{filter:none;}
阅读全文
0 0
- css3
- css3
- css3
- css3
- css3
- css3
- CSS3
- CSS3
- css3
- CSS3
- css3
- css3
- CSS3
- css3
- css3
- css3
- css3
- css3
- 数据结构封装之《SQueue栈式队列》
- Android photoview报错java.lang.IllegalArgumentException: pointerIndex out of range pointerIndex=-1
- 算法学习2-6排列
- leetcode[ZigZag Conversion]//待整理多种解法
- 多线程学习笔记2-GCD
- css3
- Longest Increasing Subsequence Size (N log N)
- 一个透明头像
- nginx目录安全设置
- Mysql kill 命令
- 半年小总结
- Thread--01在线程池使用Callable和Runnable的区别以及如何关闭线程
- Linux各个目录的作用及内容
- java编程思想学习笔记(第七章:复用类)