标签 "CSS3" 相关文章

总计 3 页,当前第 1 页
Web 前端设计语言

利用css3的text-shadow属性实现文字阴影乳白效果

现在CSS3+html5的网页应用的越来越广泛了。很多网页中的字体同样可以用CSS3来实现炫酷的效果。下面就介绍一下利用css3的text-shadow属性实现文字阴影乳白效果。这是在设计达人上面看到的,所以拿过来分享给大家。喜欢的可以自己去试试。有效利用css3的text-shadow属性,可以实现很多漂亮的效果,今天将介绍一个用CSS3文字阴影属性实现乳白文字效果,预览图如下:英文milky字体:经典圆体繁字体:微软雅黑实现方法很简...
8个月前 (01-17) 阅读(153) 赞一个 (0) 评论() 链接直达
特效篇 / 插件篇

Loaders.css 多种纯CSS加载进度动画效果

之前的文章个大家分享过各种类型的加载效果(Loading Effects),这里再给大家奉献一组基于单个元素实现的 CSS 加载动画集合。这些加载效果都是基于一个 DIV 元素实现的,十分强悍。当网页的页面大小较大,用户加载可能需要较长的时间,设计师们通常会做一个GIF动画。来提示用户正在加载中,但是这样的话太麻烦。为了方便今天分享一个Loader.css,仅用CSS样式就能实现一个loading动画效果。使用时可以根据特效选择某一个样...
10个月前 (12-08) 阅读(694) 赞一个 (1) 评论() 链接直达
特效篇 / 插件篇

Css-Spinners 多种纯CSS3加载进度动画效果(推荐)

之前有跟大家介绍一款Loader.css,下面又分享一组特殊的css-spinners,它自带CSS加载样式,图案色彩丰富,花样多多,就算不用它的CSS,也可以按它的动画来做成GIF图像。loading样式有花形、心形、指针、圆形旋转、进度条以及常见的菊花加载图案:使用教程CSS Spinners除了轻量级外,使用也十分的简单,下面来看看教学:STEP 1: 引入CSS文件加载动画样式有单个以及全部,如果用户只需要一个加载动画,就选择对...
10个月前 (12-08) 阅读(251) 赞一个 (0) 评论() 链接直达
特效篇 / 插件篇

文字 11种HTML5和CSS3炫酷文字样式和鼠标滑过特效

这是一款效果非常炫酷的HTML5和CSS3文字样式和鼠标滑过特效插件。该文字特效中包含了11种不同的文字样式和鼠标滑过文字时的动画效果。部分文字动画效果使用了SVG和Html5 Canvas来制作。注意这些效果并不是在所有的浏览器中都能正常工作的。请使用最新版额现代浏览器来查看这些效果。这些文字鼠标滑过动画效果都依赖于元素的::before和::after伪元素来制作。下面是“Kukuri”的图片演示效果: 在这个插...
10个月前 (11-14) 阅读(603) 赞一个 (0) 评论() 链接直达
特效篇 / 插件篇

HTML5 svg和CSS3 22种炫酷鼠标点击按钮特效

这是一组效果非常炫酷的HTML5 svg和CSS3鼠标点击按钮特效。这组鼠标点击特效共有22种效果,大多数是在伪元素上使用CSS3 animations来制作动画效果。非常适合于移动手机APP上的按钮触摸特效。请注意这些效果需要在支持这些CSS属性的现代浏览器中才有效果,IE10不支持在伪元素上使用animation,因此有些效果可能不会有效果。该鼠标点击按钮特效插件中使用了Font Awesome字体图标。HTML结构 该鼠...
10个月前 (11-14) 阅读(276) 赞一个 (0) 评论() 链接直达
特效篇 / 插件篇

圆形按钮 9种css3圆形按钮hover鼠标悬停动画

本教程将和大家分享一些简单的圆形图标在鼠标hover时的动画效果。这种效果在不少时尚的酷站上都有。本教程中的例子主要是利用在a元素的伪元素上使用CSS transitions和animations来制作。图标的创建将使用 IcoMoon app 来完成。HTML结构:图标组的结构是使用一个div包含一组a元素,给每个a元素设置图标class。<div class="hi-icon-wrap&...
10个月前 (11-14) 阅读(290) 赞一个 (0) 评论() 链接直达
特效篇 / 插件篇

按钮 20种炫酷CSS3按钮样式和鼠标滑过特效

CSS3-button-hover-effect-20-type这是一款集合20组不同 CSS3 按钮样式和按钮鼠标滑过特效的插件。这20组CSS3按钮每一组都有3种示例,每一个示例都使用CSS3制作炫酷的鼠标滑过动画。这些按钮适用于各种场合,相信总有一款适合你。该按钮插件中使用鼠标HOVER来作为按钮动画的触发事件,有一些按钮动画效果更适合于鼠标点击事件,这些都可以十分容易修改和实现。请注意这些按钮动画效果只在最新版本的现代浏览器上工...
10个月前 (11-14) 阅读(219) 赞一个 (1) 评论() 链接直达
特效篇 / 插件篇

csshake.css强大的CSS3元素抖动动画库

CSS Shake是一个使用CSS3实现的动画样式,使用SASS编写,利用它我们可以实现多种不同样式的抖动效果(如下面的GIF图像)。这是一个很微小的动画,但使用得当也是挺不错的,比如用在广告、图像、按钮上,这样可以用来吸引用户眼球从而促使去点击它。这个Csshake有9个抖动样式,三个状态,如鼠标经过拉动、无限抖动、鼠标悬停拉动,一起来玩一下吧。使用方法要使用csshake,首先要将csshake.css文件引入你的html文件的&l...
10个月前 (11-14) 阅读(231) 赞一个 (0) 评论() 链接直达

程序喵 www.ibloger.net

关于本站 站内留言 给我写信 文章订阅