前端学习笔记--CSS3
2024-08-27 05:04:29
本本记录了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 一般设置在变换元素的父容器中:
最新文章
- 程序员必须要知道的Hadoop的一些事实
- webkitTransitionEnd webkitAnimationEnd事件
- java获取年份的后两位
- Linux下解决“shutdown: command not found";问题
- Mybatis 实现传入参数是表名
- Android 定时器实现的几种方式和removeCallbacks失效问题详解
- POJ 3468 A Simple Problem with Integers(线段树区间求和)
- Web API Login with Cookie
- 第一次PS练习
- UVa 740 - Baudot Data Communication Code
- MediaPlayer的错误列表速查(android)
- uni-app hbuilderX ios离线打包,启动图修改没反应
- python之MySQL MySQLdb 推荐使用姿势,解决中文乱码
- Docker CE安装
- commons-logging,log4j和jdklog的调用方式
- Excelbatis-一个将excel文件读入成实体列表、将实体列表解析成excel文件的ORM框架,简洁易于配置、可扩展性好
- Flutter - 创建侧滑菜单
- #define const typedef
- lnmp 一键安装包 nginx配置tp5 phpinfo模式 隐藏index.php
- 【LOJ】#2351. 「JOI 2017/2018 决赛」毒蛇越狱
热门文章
- 窗口、消息查看分析利器Spy++
- tracert详解
- art-template 弹出编辑
- LeetCode 414. 第三大的数(Third Maximum Number) 3
- netty-websocket简单的使用方法
- Django框架1——视图和URL配置
- Fiddler讲解2
- Challenge &; Growth —— 从这里开始
- Web Scraper 翻页——控制链接批量抓取数据(Web Scraper 高级用法)| 简易数据分析 05
- AVOSCloud入门教程:Android Parse云服务的Hello World