Atitti css3 新特性attilax总结

图片发光效果2

透明渐变效果2

文字描边2

背景拉伸2

CSS3 选择器(Selector)4

@Font-face 特性7

Word-wrap & Text-overflow 样式9

Word-wrap9

Text-overflow10

文字渲染(Text-decoration) 描边12

CSS3 的多列布局(multi-column layout)13

边框和颜色(color, border)14

CSS3 的渐变效果(Gradient)15

线性渐变15

径向渐变16

CSS3 的阴影(Shadow)和反射(Reflect)效果19

CSS3 的背景效果21

CSS3 的盒子模型23

CSS3 的 Transitions, Transforms 和 Animation30

Transitions30

Transform31

Animation33

图片发光效果

text-shadow:#000 3px 0 0,#000 0 3px 0,#000 -3px 0 0,#000 0 -3px 0;

可以设置每个边的发光效果,繁琐些。。

透明渐变效果

background: radial-gradient(circle, rgba(230,251,12,1.00) 40%  , rgba(230,251,12,1.00) , rgba(230,251,12,0))  ; /* 标准的语法 */

文字描边

与该使用文字渲染(Text-decoration) 描边来做。。发光效果虽然也可,单效果不佳

背景拉伸

background-size:100% 100%;

CSS3 的 Transitions, Transforms 和 Animation30

Transitions30

transition-property:用于指定过渡效果

Transform31

Animation33

们来说说 Animation 吧。它可以说开辟了 CSS 的新纪元,让 CSS 脱离了“静止”这一约定俗成的前提。以 web

深入了解 CSS3 新特性.html

作者:: 绰号:老哇的爪子 ( 全名::Attilax Akbar Al Rapanui 阿提拉克斯 阿克巴 阿尔 拉帕努伊 )

汉字名:艾提拉(艾龙),   EMAIL:1466519819@qq.com

转载请注明来源: http://blog.csdn.net/attilax

Atiend

新特性AAtitti css3 新特性attilax总结titti css相关推荐

  1. h5新标签和css3新特性

    h5新标签和css3新特性 一.h5布局元素 二.css3新增样式 1.边框圆角 2.阴影 3.形变:旋转.缩放.位移 4.transform-origin 属性 三.过渡效果 四.动画效果 1. k ...

  2. babel css3新特性_2018年面试前端总结

    再有两个月,2018就快过完了,因而有必要在年末对2018年的前端学习做一个总结,本文主要从前端面试中的一些基础知识来对前端进行相关的总结.本文根据网络面试题进行总结. 基础知识 本部分主要从以下几个 ...

  3. 使用Modernizr探测HTML5/CSS3新特性

    HTML5, CSS3以及相关技术(例如canvas和web sockets)带来了非常有用的特性,可以让我们的web程序提升一个新的level.这些新技术允许我们只用HTML,CSS和JavaScr ...

  4. 01-移动端开发教程-CSS3新特性(上)

    1. 移动端开发课程概述 移动互联网的兴起,让移动端的开发迅速蹿红.对于前端开发者来说,移动端的开发已经占据了他们大部分工作时间.接下来老马带大家一起学习移动端开发的相关前端开发技术. 这边课程内容包 ...

  5. CSS3新特性(整理贴)

    转自蓝色经典 CSS3的新特性 到现在为止,只有一些已经工作的特性,他们中的一些如下: 圆角 从web2.0开始,开始流行使用圆角,如果你不使用圆角,你的网站可能不会被列入web2.0网站.主要问题是 ...

  6. HTML5和CSS3新特性(完整版)

    css3新特性 选择器 背景和边框 文本效果 2D/3D 转换 - 变形(transform).过渡(transtion).动画(animation) 1.选择器 :last-child /* 选择元 ...

  7. Html5、CSS3新特性

    h5的新特性? 1.新增一些语义化标签  <article> <section> <aside><header> <footer><n ...

  8. CSS3新特性——新增选择器,2D/3D转换,动画

    CSS3新特性--新增选择器,2D/3D转换,动画 欢迎大家去博客冰山一树Sankey,浏览效果更好.直接右上角搜索该标题即可 博客园主页:博客园主页-冰山一树Sankey CSDN主页:CSDN主页 ...

  9. css3新特性和其他常见问题(三)

    css3新特性 参考网站 css3选择器 属性选择器(IE7及以上支持) E[attr]表示存在attr属性即可: E[attr=val]表示属性值完全等于val E[attr~=val]表示的一个单 ...

  10. CSS3新特性详解(三):CSS3 2D转换和3D转换 transform 变形使用详解

      关于CSS3新特性,在上篇博文中"CSS3新特性详解(二):CSS3 字体@font-face详解.如何创建和修改woff字体文件及text-shadow等文本效果",讨论了C ...

最新文章

  1. 利用numpy对像素点进行操作
  2. php一对一模型关联,thinkphp 模型关联一对一排序
  3. 每天一个Linux命令 7
  4. data 的数据代理
  5. 判断ip地址的合法性python_使用Python判断IP地址合法性的方法实例
  6. linux修改时区不用重启服务,Linux修改时区不用重启的方法
  7. java无法使用_在cmd中无法使用java命令的解决方法
  8. 在线Javascript美化格式化工具
  9. Win10+Ubuntu双系统修复Ubuntu系统引导
  10. 实现导航栏的几种方式
  11. Idea--git合并多次commit为一个(合并提交)--实例
  12. 二十三、正则表达式中的“r”含义
  13. C termios.h 简单用法
  14. Linux 操作系统
  15. 什么是无极性电解电容?
  16. C++ free指针时的异常
  17. Java图片截图缩放工具
  18. 图(一)之邻接表Adjacency List
  19. 基于虚拟相机的人脸识别 (视频) - Face recognition based on virtual camera
  20. 华彬集团董事长严彬助力精准扶贫

热门文章

  1. 新车可以无牌上路7天_无牌农用拖拉机车斗载人上路?交警说了,不可以!
  2. 华为鸿蒙系统多而能使用吗,【图片】华为鸿蒙系统的厉害之处在于 你可能非用不可 !【手机吧】_百度贴吧...
  3. 可重定位的ELF文件
  4. 实人认证玩出新高度,给千年老城注入新生科技力量
  5. Python 优雅获取本机 IP 方法【转】
  6. 《Programming WPF》翻译 第8章 3.Storyboard
  7. Mantis1.2.19 在Windows 平台上的安装配置详解
  8. Powershell与运维之服务器管理(一) 利用Powershell管理HP服务器
  9. Dictionary的遍历和修改
  10. 数据保护:从“随意架构”到简单可控