本本记录了css3的样式:浏览器支持度、圆角边框、阴影、文字与文本、过渡、动画、2d旋转、3d旋转

浏览器支持度:

1.圆角边框

例:只要确定了x、y值,就能知道弧度

画一个圆形:长=宽,border-radius=1/2 长

2.阴影:inset设置是外部或内部阴影效果

举例:水平偏移10,垂直偏移10,都是正数,往右偏移

3.文本与文字:

text-shadow:文字阴影

阴影大小可以省略

举例:

word-wrap:

@font-face规则:规定了在网页上能够显示出的特殊字体。

css3解决办法:

转换格式:

举例:

4.2D转换

旋转:

缩放:

举例:鼠标悬停时放大1.2倍

5.过渡与动画

过渡:

举例:

动画:

举例:

6.3D变换

旋转方向:

透视效果:

近大远小:

3D旋转结构组成:

案例:

transform-style: preserve-3d     一般设置在变换元素的父容器中:

最新文章

  1. 程序员必须要知道的Hadoop的一些事实
  2. webkitTransitionEnd webkitAnimationEnd事件
  3. java获取年份的后两位
  4. Linux下解决“shutdown: command not found"问题
  5. Mybatis 实现传入参数是表名
  6. Android 定时器实现的几种方式和removeCallbacks失效问题详解
  7. POJ 3468 A Simple Problem with Integers(线段树区间求和)
  8. Web API Login with Cookie
  9. 第一次PS练习
  10. UVa 740 - Baudot Data Communication Code
  11. MediaPlayer的错误列表速查(android)
  12. uni-app hbuilderX ios离线打包,启动图修改没反应
  13. python之MySQL MySQLdb 推荐使用姿势,解决中文乱码
  14. Docker CE安装
  15. commons-logging,log4j和jdklog的调用方式
  16. Excelbatis-一个将excel文件读入成实体列表、将实体列表解析成excel文件的ORM框架,简洁易于配置、可扩展性好
  17. Flutter - 创建侧滑菜单
  18. #define const typedef
  19. lnmp 一键安装包 nginx配置tp5 phpinfo模式 隐藏index.php
  20. 【LOJ】#2351. 「JOI 2017/2018 决赛」毒蛇越狱

热门文章

  1. 窗口、消息查看分析利器Spy++
  2. tracert详解
  3. art-template 弹出编辑
  4. LeetCode 414. 第三大的数(Third Maximum Number) 3
  5. netty-websocket简单的使用方法
  6. Django框架1——视图和URL配置
  7. Fiddler讲解2
  8. Challenge & Growth —— 从这里开始
  9. Web Scraper 翻页——控制链接批量抓取数据(Web Scraper 高级用法)| 简易数据分析 05
  10. AVOSCloud入门教程:Android Parse云服务的Hello World