IT兄弟连 HTML5教程 CSS3揭秘 CSS3属性3
2024-09-01 22:47:47
5 用户界面属性
在CSS3中,新的用户界面特性包括重设元素尺寸、盒尺寸及轮廓等。本小节着重介绍一下resize属性,只有Firefox 4和Safari 3浏览器支持此属性。resize属性可用于重定义textarea的大小,可能的值包括如下几种。
Ø none:UserAgent没有提供尺寸调整机制,用户不能调节元素的尺寸。
Ø both:UserAgent提供了双向尺寸调整机制,用户可以调节元素的宽度和高度。
Ø horizontal:UserAgent提供了单向水平尺寸调整机制,用户可以调节元素的宽度。
Ø vertical:UserAgent提供了单向垂直尺寸调整机制,用户可以调节元素的高度。
示例代码如下所示:
6 动画属性
也许CSS3最令人兴奋的增补,就是在没有JavaScript元素的情况下产生动画。CSS3的动画有3个常用属性:transform﹑transition﹑animation。transform属性虽然看起来可以实现动画的效果,但其本质是静态的,其实就是一个图形的变形工具;而transition属性是一个简单的动画属性,操作起来非常简单;animation属性是一个名副其实的动画属性,是transition属性的扩展,但功能十分强大,可以定义多个关键帧及每个关键帧中元素的属性值来实现复杂的动画效果。下面的示例使用transition属性模仿一个效果,当鼠标滑过右侧链接时,文本向右滑动。
最新文章
- Notes:DOM的事件模拟
- JavaScript流程控制语句
- 1018MYSQL数据迁移到SQLSERVER
- IOS第13天(3,私人通讯录,登陆状态数据存储,数据缓存, cell的滑动删除,进入编辑模式,单个位置刷新 )
- mysql查找字符串出现位置
- Hie with the Pie(POJ 3311状压dp)
- Windbg:如何给字符串下条件断点
- 找工作笔试面试那些事儿(10)---SQL语句总结
- C# RSA在服务上使用出现拒绝方法错误的解决方法
- Ext中包含了几个以get开头的方法
- Ubuntu+OpenCV2.4.11+ CodeBlocks 配置
- 入侵检测工具之RKHunter &; AIDE
- make: Nothing to be done for 'all' 解决方法
- 【RecyclerView优化】
- GraphQL 的前世今生
- Django 分页器的使用
- linux 过滤内存使用率并于计划任务结合来自动清理内存缓存
- ILBC 规范 2
- linux服务之apache篇(一)
- 第二次作业 对VC++6.0编译软件的评价
热门文章
- Java开发数据库设计的14个技巧,你知道几个?
- Codeforces Round #591 (Div. 2)
- 守护线程,需要通过调用线程方法:setDaemon(boolean on)来进行设置
- python通过人脸识别全面分析好友,一起看透你的“朋友圈”
- 解决Android调用相机拍照,要报“打开相机失败”查看debug日志显示“setParameters failed”的问题
- 微信 电脑版 HOOK(WeChat PC Hook)- 技能点
- 微信 电脑版 HOOK(WeChat PC Hook)- 框架
- 秒杀系统(一)----环境搭建及集成Mybatis、Redis
- ES、kibana安装及交互操作
- 从头学pytorch(一):数据操作