css3禁止选中文本
通常大家会有js来实现,另一个方案就是,将-webkit-user-select 和-moz-user-select 的值设为none,这针对于移动用户,可能会很有用。 请谨慎使用这个属性:因为大部分用户是来查看信息的,他们可以...
标签: css3CSS3中的content和attr的用法
CSS3的出现使得样式表的功能变得越来越强大,而某种意义上也可以说它让我们开发起来越来越容易了。CSS3里虽然有很多重量级的新特征出现——例如transitions, animations, 和 transforms,但有一个特征...
标签: css3CSS3自定义滚动条样式 -webkit-scrollbar详解
前言 webkit支持拥有overflow属性的区域,列表框,下拉菜单,textarea的滚动条自定义样式,所以用处还是挺大的。当然,兼容所有浏览器的滚动条样式目前是不存在的。 滚动条组成 ::-webkit-scrollbar...
jquery响应式全屏幻灯片插件Glide.js
Glide.js是一款响应式和对移动设备友好的jquery插件,它是基于CSS3的动画转场,同时也向后兼容旧版本的浏览器。Glide简单,轻量级和速度快等优点,用来做幻灯片滑块是最好不过了。 jquery实例:Glide...
css3动画animation-timing-function中的cubic-bezier(n,n,n,n)参数详解
cubic-bezier即为贝塞尔曲线中的绘制方法。图上有四点,P0-3,其中P0、P3是默认的点,对应了[0,0], [1,1]。而剩下的P1、P2两点则是我们通过cubic-bezier()自定义的。cubic-bezier(x1, y1, x2, y2) ...
CSS3嵌入字体@font-face调用字体
@font-face可以实现从服务器端加载字体,所有浏览器中使用的字体就可以不受本地字体的限制。@font-face真的不是什么新鲜玩意,早在2001年时就被提出来,只不过近两年才被各浏览器广泛支持。而且各浏...
CSS3卡通人物弹跳动画
纯CSS3制作的一直在弹跳的卡通人物,效果非常逼真。大家可以学习一下 点击下面的运行,来欣赏一下 <!doctype html> <html lang="zh"> <head> <meta charset="...
标签: css3BonBon-使用CSS3制作甜美的糖果按钮
BonBon 是一组使用 CSS3 制作的甜美的糖果按钮样式。在过去,我们都是使用图片或者 JavaScript 来实现漂亮的按钮效果,随着越来越多的浏览器对 CSS3 的支持和完善,使用 CSS3 来实现美观的按钮已没有...
纯CSS3实现加载Loading动画效果
以前传统使用loading的方法是一个gif动画小图片,但是扩展性不强,有时还会有锯齿。在越来越多的浏览器都支持css3时,尤其是在智能手机体验时,css3动画的loading加载动画效果就非常赞了。 今天发现...
css3属性之animation详解
通过 CSS3,我们能够创建动画,这可以在许多网页中取代动画图片、Flash 动画以及 JavaScript。 animation属性是可以进行简写的: animation: name, duration, timing-function, delay, iteration_cou...