有关标签 css3 的内容

CSS3中的content和attr的用法

文章2017-06-27222 人已阅

CSS3的出现使得样式表的功能变得越来越强大，而某种意义上也可以说它让我们开发起来越来越容易了。CSS3里虽然有很多重量级的新特征出现——例如transitions, animations, 和 transforms，但有一个特征...

标签： css3
CSS3自定义滚动条样式 -webkit-scrollbar详解

文章2016-11-081,604 人已阅

前言 webkit支持拥有overflow属性的区域，列表框，下拉菜单，textarea的滚动条自定义样式，所以用处还是挺大的。当然，兼容所有浏览器的滚动条样式目前是不存在的。滚动条组成 ::-webkit-scrollbar...

标签： css3 滚动条
jquery响应式全屏幻灯片插件Glide.js

代码2016-07-191,491 人已阅

Glide.js是一款响应式和对移动设备友好的jquery插件，它是基于CSS3的动画转场，同时也向后兼容旧版本的浏览器。Glide简单，轻量级和速度快等优点，用来做幻灯片滑块是最好不过了。 jquery实例：Glide...

标签： css3 Glide.js jQuery插件
css3动画animation-timing-function中的cubic-bezier(n,n,n,n)参数详解

文章2016-06-151,648 人已阅

cubic-bezier即为贝塞尔曲线中的绘制方法。图上有四点，P0-3，其中P0、P3是默认的点，对应了[0,0], [1,1]。而剩下的P1、P2两点则是我们通过cubic-bezier()自定义的。cubic-bezier(x1, y1, x2, y2) ...

标签： css3 css3 动画
CSS3嵌入字体@font-face调用字体

代码2016-06-13754 人已阅

@font-face可以实现从服务器端加载字体，所有浏览器中使用的字体就可以不受本地字体的限制。@font-face真的不是什么新鲜玩意，早在2001年时就被提出来，只不过近两年才被各浏览器广泛支持。而且各浏...

标签： css3 兼容字体
CSS3卡通人物弹跳动画

欣赏2016-06-03867 人已阅

纯CSS3制作的一直在弹跳的卡通人物，效果非常逼真。大家可以学习一下点击下面的运行，来欣赏一下 <!doctype html> <html lang="zh"> <head> <meta charset="...

标签： css3
BonBon-使用CSS3制作甜美的糖果按钮

代码2015-04-30662 人已阅

BonBon 是一组使用 CSS3 制作的甜美的糖果按钮样式。在过去，我们都是使用图片或者 JavaScript 来实现漂亮的按钮效果，随着越来越多的浏览器对 CSS3 的支持和完善，使用 CSS3 来实现美观的按钮已没有...

标签： css3 按钮
纯CSS3实现加载Loading动画效果

代码2015-04-01927 人已阅

以前传统使用loading的方法是一个gif动画小图片，但是扩展性不强，有时还会有锯齿。在越来越多的浏览器都支持css3时，尤其是在智能手机体验时，css3动画的loading加载动画效果就非常赞了。今天发现...

标签： css3 css3 动画 loading
css3属性之animation详解

文章2015-03-26990 人已阅

通过 CSS3，我们能够创建动画，这可以在许多网页中取代动画图片、Flash 动画以及 JavaScript。 animation属性是可以进行简写的： animation: name, duration, timing-function, delay, iteration_cou...

标签： animation css3
纯CSS3实现3D特效的iPhone 6动画

欣赏2015-03-12948 人已阅

从当初ie6连png透明都不支持的年代，到现在css3的各种绚丽的特效，技术的进步真是一日千里。今天看到一个css3实现的3D ?iPhone 6的特效动画，真是名副其实的狂拽炫酷屌炸天！先看看效果图： “我裤...

标签： 3D css3 iPhone6