网页特效,css样式

网页特效,css样式

CSS3动画遮罩文字特效

CSS3动画遮罩特效,当你把鼠标放在图片上的时候,可看到图片上出现动态效果的文字提示效果,不要以为使用了JavaScript生成了本效果,其实它是用CSS3技术实现的页面动画,虽然没有那么流畅,但用CSS来实现,已经很难得了。

2015-07-13 12:55:55

阅读数 2491

评论数 0

CSS3文字立体效果

很棒的CSS3文字立体效果,用鼠标选中文字,效果更清淅,CSS3的功能真的很强大,总能制作出一些令人吃惊的效果,支持css3,大家看效果的时候请使用其它的浏览器啊,比如火狐或Opera等,IE8没效果。

2015-07-12 12:58:11

阅读数 3251

评论数 0

css3进度条

css3不可反向的进度条,超形象有立体感觉的进度条,而且修饰成了圆角,看上去挺漂亮,CSS3代码,欢迎参考。

2015-07-11 12:57:31

阅读数 1449

评论数 0

使用transform和transition制作CSS3动画

CSS3动画效果,分享一款使用transform和 transition 制作的纯CSS3动画效果,很漂亮~,鼠标放在图片上,会有动画效果出现。只写了针对Chrome浏览器的兼容,其它浏览器未做测试,可能会暂不兼容其他浏览器,所以请大家尽量用Chrome查看效果。

2015-07-10 12:22:07

阅读数 981

评论数 0

css3使用transform属性制作js弹性运动

css3使用transform属性制作js弹性运动,其实做这个效果和js的原理一样:就是控制位置和时间,但是不同的是css用transform的translate来控制,其实现的最终一把手是transition。

2015-07-09 13:23:57

阅读数 2370

评论数 1

css3三维动画菜单上下翻转

三维阴影效果的CSS3动画菜单,运用纯CSS3技术实现的菜单,好酷呀的菜单,那些阴影和圆角都是用CSS3实现的哦,没有使用图片修饰啊,学习CSS3的朋友,可不要错过本示例哦,希望大家喜欢。

2015-07-08 11:56:38

阅读数 1432

评论数 0

CSS3制作苹果手机的Message图标,超强大

采用CSS3技术实现的仿iPhone苹果手机的Message图标,暴牛超酷!期待大家借鉴。这也让我觉得CSS3真是一个好东西。

2015-07-07 12:23:11

阅读数 1047

评论数 0

CSS3制作精美的iphone电话图标,不使用图片

IPhone手机的图标,大家都知道,看上去很精致很酷,本效果使用CSS3技术仿制一个精美的iPhone图标(无使用任何的图片素材),很酷哦,当然,如果使用了图片,那就没什么意义了。

2015-07-06 12:24:44

阅读数 1676

评论数 0

CSS3制作W3cplus的关注面板

W3cplus第三版本皮肤更新好长一段时间了,早就想把站点上的一些CSS3效果分割成单独的案例出来,与大家分享,但受限于时间,今天抽空把页面底部面板效果整理出来了。首先这个效果是有原因的,因为这个效果是当初自己左拼右拼出来的一个效果,后来自我感觉还能接受。上线后也有很多同学问我是图片制作的吗?其实...

2015-07-05 12:11:15

阅读数 599

评论数 0

CSS3制作漂亮的3D表单

CSS3技术制作的漂亮3D表单,请注意,因用到CSS3技术,里面引用了某些字体,如果你的电脑中没有安装这些字体,那么将显示不出某些效果,请使用火狐、Chrome、Opera等浏览器测试是前提。

2015-07-04 13:02:09

阅读数 1602

评论数 0

css画电脑键盘

CSS键盘,闲着无聊,用CSS代码写个键盘,技术要求个人感觉不太高,只是繁琐一些,最终效果觉得还挺不错。

2015-07-03 14:16:59

阅读数 1108

评论数 0

36种漂亮的CSS3网页按钮Button样式,总有你喜欢的

本页面向大家展开了36种漂亮的网页Button按钮样式,各式各样的都有,适合不同的场合使用。CSS3技术的确非常强大,不过大家测试的时候不要使用IE8,因为IE8还没有完全支持css3,微软如此不屑CSS3,唉!请使用火狐或Safari或Google Chrome。

2015-07-02 12:37:46

阅读数 3784

评论数 1

CSS3制作Freebie标签

CSS3制作Freebie标签,其中最有亮点的是使用css3来实现斜线背景以及方格背景,然后就是使用@font-face来制作icon图标。原理简单,重要的是思路,以及这两种背景实现的细节。

2015-07-01 11:55:15

阅读数 598

评论数 0

Button UI Kit CSS3漂亮Button按钮

Button UI Kit CSS3漂亮Button按钮,将Button UI Kit的设计图转换成CSS3的DEMO,制作的方法也相对简单,主要用到了CSS3的渐变gradient 、阴影text-shadow和box-shadow、还有就是字体icon的制作@font-face。但话说回来,属...

2015-06-30 12:19:38

阅读数 1127

评论数 0

css3幻灯片换位效果

CSS3技术实现的幻灯片效果,图片换位效果,点击某一张幻灯图片,这张图片就会换位,动画效果,测试时候注意,不要使用IE8。本效果兼容以下浏览器:火狐、Chrome、Safari等。

2015-06-29 13:21:27

阅读数 695

评论数 0

CSS3绘制砖墙-没有用任何图片

css3绘制砖墙-没有用任何图片,CSS3真的很牛叉,用它可绘制很多的图案,而且都很实用,挺新鲜,本款是使用CSS3绘制砖墙,也挺不错。

2015-06-28 13:18:12

阅读数 649

评论数 0

CSS3绘图实例代码

CSS3绘图实例代码,请在火狐运行,css3的圆角形状,在经过transform处理之后,overflow属性hidden值的表现会出现不兼容,moz核心下正常,在webkit核心的浏览器下,hidden的区域始终是方块形状,无视圆角。

2015-06-27 12:51:53

阅读数 850

评论数 0

CSS3 3D旋转动画代码实例

CSS3 3D旋转动画代码实例,本CSS3特效主要使用的是Transform属性实现,它是“变型”的意思,值主要包括:旋转rotate,扭曲skew,缩放scale,移动translate以及矩阵变形matrix 。通过这个实例,你将会学会如何使用它实现css3 3D动画。

2015-06-26 12:39:26

阅读数 1241

评论数 0

CSS3绘制灰太狼动画,绝对精彩

使用CSS3技术绘制的灰太狼动画,绝对精彩,不过请不要使用IE浏览器查看,否则很失望,很多浏览器可以很好的支持CSS3,像火狐、Safari、Chrome等等,都可以查看本效果哦。

2015-06-25 12:07:20

阅读数 886

评论数 0

HTML5梦幻星空,可用作网页背景

HTML5特效展示,梦幻星空,由于使用了html5,请使用支持html5的浏览器查看,源码可以直接查看。严格来说是用了HTML5中的canvas,所以需要支持html5的浏览器(Chrome,Firefox, IE9+)。

2015-06-24 13:37:00

阅读数 3134

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭