css3有哪些新特性?有哪些改进
1.新增选择器
p:nth-child(n){color: rgba(255, 0, 0, 0.75)}
2.新增伪元素
::before 和 ::after
3.弹性盒模型
display: flex;
4.多列布局
column-count: 5;
5.媒体查询
@media (max-width: 480px) {.box: {column-count: 1;}}
6.个性化字体
@font-face{font-family: BorderWeb; src:url(BORDERW0.eot);}
7.颜色透明度
color: rgba(255, 0, 0, 0.75);
8.圆角
border-radius: 5px;
9.渐变
background:linear-gradient(red, green, blue);
10.阴影
box-shadow:3px 3px 3px rgba(0, 64, 128, 0.3);
11.倒影
box-reflect: below 2px;
12.文字装饰
text-stroke-color: red;
13.文字溢出
text-overflow:ellipsis;
14.背景效果
background-size: 100px 100px;
15.边框效果
border-image:url(bt_blue.png) 0 10;
16.旋转
transform: rotate(20deg);
17.倾斜
transform: skew(150deg, -10deg);
18.位移
transform: translate(20px, 20px);
19.缩放
transform: scale(.5);
20.平滑过渡
transition: all .3s ease-in .1s;
21.动画
@keyframes anim-1 {50% {border-radius: 50%;}} animation: anim-1 1s;
原文地址:css3有哪些新特性?(包含哪些模块)
css3有哪些新特性?有哪些改进相关推荐
- html5 跳转参数不显示_HTML5、CSS3、ES6新特性总结
前言:HTML5.CSS3.ES6新特性,可以说是基础前端的面试的必考题了,以下是关于新特性的基本总结. HTML5: 语义化的区块和段落元素:<section>,<article& ...
- CSS3有哪些新特性
题目点评 CSS3的特性那么多该从哪里说起了?很显然这道题目是有陷阱的,你不可能将所有的特性一个不漏的说出来,就算你说出来,别人还认为你是背的了!所以你主要讲一下在项目中经常用到的Css3的属性就可以 ...
- html5新特性 移除哪些,html5\CSS3有哪些新特性、移除了哪些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分HTML和HTML5?...
(1)HTML5现在已经不是SGML的子集,主要是关于图像,位置,存储,地理定位等功能的增加. 绘画canvas元素: 用于媒介回放的video和audio元素: 本地离线存储localStorage ...
- css3中的新特性经典应用
这篇文章主要分析css3新特性的典型应用,都是干活,没得水分. 1.动画属性:animation. 利用animation可以实现元素的动画效果,他是一个简写属性,用于设置6个动画属性:aminati ...
- Web前端面试指导 四十 CSS3有哪些新特性
首先给大家分享一个巨牛巨牛的人工智能教程,是我无意中发现的.教程不仅零基础,通俗易懂,而且非常风趣幽默,还时不时有内涵段子,像看小说一样,哈哈-我正在学习中,觉得太牛了,所以分享给大家!点这里可以跳转 ...
- Web前端面试指导(四十):CSS3有哪些新特性?
题目点评 CSS3的特性那么多该从哪里说起了?很显然这道题目是有陷阱的,你不可能将所有的特性一个不漏的说出来,就算你说出来,别人还认为你是背的了!所以你主要讲一下在项目中经常用到的Css3的属性就可以 ...
- 【css】CSS3有哪些新特性
文章目录 前言 1.css3边框--圆角效果 border-radius 2.css3边框--边框阴影 box-shadow 3.css3边框--边框图片 border-image 4.css3颜色- ...
- H5、CSS3和ES6新特性
CSS3新特性 01 新增语义化标签 <header>:头部标签 <nav>:导航标签 <article>:内容标签 <section>:定义文档某个区 ...
- html边框复合属性,详解CSS的border边框属性及其在CSS3中的新特性
基础你可能很熟悉边的最基本用法. CSS Code复制内容到剪贴板 border:1pxsolidblack; 上面的代码将给元素应用1px的边.即简洁又简单:但我们也可以稍作修改. CSS Code ...
最新文章
- 女程序员做编程也太难了吧! | 每日趣闻
- php程序员笔试题库,2017年初级PHP程序员笔试题
- java流方式接收pdf_java – 在Itext 7中,如何获取范围流来签署pdf?
- JZOJ 5407. 【NOIP2017提高A组集训10.21】Deep
- vue axios 返回参数 响应参数
- 抓取手机https_python爬虫入门02:教你通过 Fiddler 进行手机抓包
- 关于position的四个标签
- linux 端口tnpl,Linux和Windows端口占用情况查看
- spring mvc对异步请求的处理
- 查看EXE/DLL文件是32/64位之通用方法
- 第二节 物料清单(BOM)
- 输出指定位数的最小斐波纳契数
- 【纯前端】原生js实现照片水印
- android 精品软件,《分享精彩应用 Android精品软件推荐》
- Window Internal 读书笔记
- 案例:用逻辑回归制作评分卡
- 颜色映射poj1046(今天刚刚开通csdn,小试一下)
- [益智]:为什么下水道的盖子是圆的?
- 第一个python程序 单位换算
- 数学速算法_三年级数学时分秒换算口诀+精选思维奥数题整理汇总
热门文章
- CSS中 字体大小随屏幕大小自适应变化
- 做国外LEAD,睡的晚起的早
- 基于Android的计步器(Pedometer)的讲解(二)——柱状图分析2
- 如何利用 Python 爬虫实现给微信群发新闻早报?(详细)
- 量化交易软件哪家好?国内排名是?
- 端游方舟生存什么服务器比较稳定,方舟生存进化国服和steam区别一览 方舟国服和steam版哪个好...
- css实现小黄人图像的制作与动画效果的实现
- visio调整画布大小和画大括号
- 中小学计算机教育的重要性,浅谈小学信息技术教育的重要性
- 如何用WordPress中的自定义字段重写来宾作者姓名