网页制作 > CSS > css3 >
CSS3文本换行word-wrap解决英文文本超过固定宽度不换行
英文文本超过固定宽度，不会自己换行的问题想必大家都有碰到过吧，在以前是用overflow:hidden或者JavaScript来控制，当CSS3出现的时候，我们就可以用CSS3之文本换行word-wrap来解决这个问题了CSS3图片旋转特效(360/60/-360度)
CSS3让图片旋转360度、60度、-360度等，大家可以举一反三，下面由这几个度数的示例代码，喜欢的朋友可以参考下使用CSS3在触屏上为按钮实现激活效果
:hover伪类在触屏上表现不完美，所以需要借助:active伪类的css来表现状态变化，在触屏上，:hover和:active也不是直接就起到作用的，这里要借助一个小小的hack纯CSS3实现带动画效果导航菜单无需js
html5+css3的出现给前端开发者提供了更多的可能性，以前很多只能通过JS实现的效果用纯粹的css3就能实现了，下面有个不错的示例，大家可以学习下css3中background新增的4个新的相关属性用法介绍
background属性用法想必许多重构人员都很熟悉了，可以在该属性中添加多个背景图像组，背景图像之间通过逗号进行分隔，下面为大家详细介绍下CSS3用@font-face实现自定义英文字体
传说中的CSS3基本上什么都可以，那么CSS3中可不可以自定义英文字体呢?答案是非常可以。用@font-face即可实现自定义英文字体，下面有个不错的示例，感兴趣的朋友可以了解下CSS3媒体查询(Media Queries)介绍
媒体类型：all 所有设备、screen 电脑显示器等等；媒体特性共13种，可以说是一个类似CSS属性的集合，感兴趣的朋友可以了解下本文，希望对大家有所帮助利用CSS3的特性改变文本选中时的颜色
选中文字时选区颜色变成了绿色，跟网站整体的绿色风格非常协调，其实实现很简单利用CSS3的特性，同样也可以指定部分元素设置选区颜色，详细如下，喜欢的朋友可以参考下css3进行截取替代js的substring
一般采用substring来进行截取，现在不用js纯css3也能进行截取，具体实现如下，喜欢的朋友可以参考下CSS3制作ajax loader icon实现思路及代码
用到了两个CSS3属性transform、animation，实现原理为：transform控制每个小方块在Y轴的偏移，rotate控制旋转的角度，scale缩放至原大小的一半，具体祥看下文，希望对大家有所帮助css3学习心得分享
几乎所有的主流浏览器的最新版本都对css3有着很好的支持(除了ie)，虽然IE对css3的支持不良，但好消息就是IE9将会全面支持html5和css3，下面与大家分享下本人对css3的认识，感兴趣的各位可以参考下CSS3实现的闪烁跳跃进度条示例(附源码)
原理是通过大量的css3属性来实现的，如：animation、transform、keyframes等等属性，示例采用了结构性伪类选择符E:nth-child(n)，来进行对HTML元素的选择以及控制输出，感兴趣的朋友可以了解下css3实现背景图片拉伸效果像桌面壁纸一样
使用css3 属性：background-size可以轻松实现像桌面壁纸一样拉伸，下面为大家详细介绍下具体的相关实现过程，有此需求的朋友可以参考下，希望对大家有所帮助发现两个有趣的CSS3动画效果
CSS3画机器猫及纯css3动画，都是很不错的效果，感兴趣的朋友可以研究研究哦，预览时请在支持CSS3（HTML5）的浏览器下纯CSS3制作的简洁蓝白风格的登录模板(非IE效果更好)
简洁蓝白风格的登录模板，考生学号、考生密码等输入字段，经测试在非IE的状态下浏览效果更佳，特色是纯css3打造，无js无图片，绝对适合简单风格的你