Css3
smxueer
这个作者很懒,什么都没留下…
展开
-
CSS3多列布局(columns)的用法
css3和HTML5往往是配套使用的简单了解下: CSS3中新出现的多列布局(multi-column)是传统HTML网页中块状布局模式的有力扩充。这种新语法能够让WEB开发人员轻松的让文本呈现多列显示。我们知道,当一行文字太长时,读者读起来就比较费劲,有可能读错行或读串行;人们的视点从文本的一端移到另一端、然后换到下一行的行首,如果眼球移动浮动过大,他们的注意力就会减退,容易读不下去。所以转载 2016-10-12 22:42:30 · 952 阅读 · 0 评论 -
CSS3 Columns:比table更好用的分列式布局方法
CSS里一直有一个让我们头疼的问题,就是创建布局很麻烦。当然,有很多方式,有很多技术都可以创建各种布局,但我们总觉得CSS里应该提供一些新属性,让我们能更好的管理布局。幸运的是,CSS3里提供了一批新的创建列式布局的column属性,有了这些属性,我们不需要再使用float,clear,margin等属性进行调控,避免了很多麻烦。 观看演示 CSS代码 CSS3里的column系列属性提供了转载 2016-10-12 22:44:17 · 426 阅读 · 0 评论 -
CSS颜色混合模式
注意:只有使用最新版的谷歌浏览器、火狐浏览器,才能正确的显示本文中的演示。 Photoshop里最没有用处的一种功能——但也有人说是使其超出竞争对手的一种功能——就是混合模式(blend mode)。混合模式是指两个像素点叠落到一起,用不同的方法混合它们的颜色。比如,darken颜色混合模式,就是选择两个像素中颜色更深的一个输出。当将混合模式运用到整张图片上时,会产生让人惊讶的效果。 虽然并不转载 2016-10-12 22:47:41 · 1173 阅读 · 0 评论 -
用CSS3的animation轻松实现背景动画:漂浮的云
背景动画如果用的恰当,会给网页带来意想不到的效果。在过去,我们只能用flash或Javascript来实现。幸运的是,CSS3的流行使得我们完全可以使用它来实现这种效果,不再依赖其它编程技术。一段简单的CSS代码就能轻而易举的达到下面的效果。 慢悠悠的云 CSS代码 这种背景动画是通过移动背景图的位置实现的,这里没有使用CSS3的transition,而是用animation。 @ke转载 2016-10-12 22:57:12 · 5507 阅读 · 0 评论 -
使用CSS美化radio和checkbox
单选框Radio和多选框checkbox需要美化吗?当然,原生的样式百年不变已经满足不了我们客户的需求。表单很多控件需要美化,我们有借 助Javascript来做美化的,也有直接用CSS来美化的,今天我给大家介绍使用纯CSS实现radio和checkbox的美化。 我们知道,很多使用JS来美化表单控件的方法都不是很理想,需要借助引入js和css,有的甚至使用图片和字体图标,而且还要依赖jQuer转载 2016-10-12 23:00:27 · 483 阅读 · 0 评论