阅读更多

1顶
0踩

Web前端

原创新闻 10 款精美的 CSS3 全新特效

2014-04-21 11:04 by 见习编辑 tyygming 评论(5) 有8035人浏览
大家都知道,在网页制作时使用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式。CSS3是CSS技术的升级版本,CSS3语言开发是朝着模块化发展的。本文推荐10款使用CSS3实现的超酷前端动画效果。希望对大家有所帮助!

1.  使用纯CSS3和jQuery生成的超棒幻灯效果

一个使用CSS3动画和jQuery生成的超酷幻灯效果,拥有非常棒的CSS3过度效果,整体设计也非常的流畅大气,大家可以直接下载演示看效果,非常适合用户首页或者产品,作品集的展示。



在线演示

2.  带有CSS3过渡效果的响应式幻灯 - sequencejs

响应式设计在现代web应用和网站中应用越来越多,所以现在网站设计中,使用的响应式的组件也越来越多,比如幻灯效果的插件,很多都支持响应式,本文推荐一款使用CSS3过渡效果的响应式幻灯——sequenceJS。



在线演示

3.  CSS3实现的动画加载中效果

使用CSS3的keyframe生成的动态加载中效果。包含在线演示和可下载代码,非常值得收藏!



在线演示

4.  翻转响应式导航菜单效果

使用jQuery和CSS3生成的翻转式响应菜单效果!



在线演示

5.  CSS3实现的超酷MASK概念时钟设计

使用CSS3实现的一个超酷MASK时钟设计概念。



在线演示

6.  CSS3的多环动画效果

多环效果适合用在网页任何位置,动态闪动的光圈,非常抢眼!



在线演示

7.  环形导航菜单

环形导航菜单,小空间大作用!



在线演示

8.  简洁的CSS3按钮

绚丽、简洁、美丽又大方的按钮。



在线演示

9.  支持响应式的网格风格图片画廊展示效果 - 带3D动画效果大图预览

3D全方位立体的呈现,图片如同画廊版映入眼帘,效果实在是太棒了!



在线演示

10.  超酷的切换按钮

这是一款简单的切换/开关按钮特效,有灯作为提示,越简单的往往越是我们想要的!



在线演示

原文来自:10款重量级CSS3的全新特效
  • 大小: 36.3 KB
  • 大小: 18.6 KB
  • 大小: 12.2 KB
  • 大小: 14.6 KB
  • 大小: 10.8 KB
  • 大小: 20.8 KB
  • 大小: 20.7 KB
  • 大小: 18.1 KB
  • 大小: 31.3 KB
  • 大小: 5.1 KB
来自: www.gbtags.com
1
0
评论 共 5 条 请登录后发表评论
5 楼 come_for_dream 2014-05-27 19:21
mark    
4 楼 tyygming 2014-04-24 14:03
那你点击标题,进入原文也看不了吗?谷歌浏览器应该也没问题,你有火狐吗?要不你再试试。

solutebin 写道
我用的chrome
tyygming 写道
每一款都没问题啊,你换个浏览器试试,我用的火狐。

solutebin 写道
很多都预览不了啊



3 楼 solutebin 2014-04-24 13:18
我用的chrome
tyygming 写道
每一款都没问题啊,你换个浏览器试试,我用的火狐。

solutebin 写道
很多都预览不了啊


2 楼 tyygming 2014-04-24 13:16
每一款都没问题啊,你换个浏览器试试,我用的火狐。

solutebin 写道
很多都预览不了啊

1 楼 solutebin 2014-04-24 10:34
很多都预览不了啊

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 艾恩ASP无组件上传类

    更新日期:2008-12-20 假设类实例名为UpLoad 1.类名由UpLoad修改为AnUpLoad,创建类的方法为:setUpLoad=newAnUpLoad 2.增加Charset属性,可以指定文本的编码格式,默认为GB2312。设置方法为:UpLoad.Charset='GB2312' 3.增加表单和文件类遍历方法,使用方法:(1)调用UpLoad.Forms(-1),返回一个表单集合,可以用foreach来遍历所有元素,具体查看示例'表单遍历' (1)调用UpLoad.Files(-1),返回一个文件类集合,可以用foreach来遍历所有元素,具体查看示例'多文件文件上传' 检索具体表单或文件的方法不变,为Upload.Forms(表单名)和Upload.Files(表单名) 4.优化了文件后缀判断程序,代码更合理 5.增加了客户提交表单类型的判断,未设置上传表单enctype属性为multipart/form-data,则提示上传无效! 6.重新制作了上传示例程序 声明: 1.本组件已经推出组件版(http://www.ii-home.cn/detial.asp?id=166),组件版跟无组件版使用有区别,请查看具体示例或开发文档 2.使用时请保留作者注释信息;如要修改代码,请注明改自'艾恩ASP无组件上传类'!谢谢!

  • 注册ASP组件的两种方法

    今天用FSO屡次没有成功,后来才知道是自己的IIS不支持FSO,到处求救才把FSO组件注册上。第一种方法:手工注册DLL 来执行,进入到包含有DLL的目录,并输入: ://regsvr32 component_name.dll 例如 c:/temp/regsvr32 AspEmail.dll 它会把dll的特定信息注册入服务器中的注册表中。然后这个组件就可以在服务器上使用了, 但是这个方法有一个缺

  • ASP组件注册方法

    ASP注册组件方法: 第一种方法:手工注册 DLL 这种方法从IIs 3.0一直使用到IIs 4.0和其它的Web Server。它需要你在命令行方式下来执行,进入到包含有DLL的目录,并输入:regsvr32 component_name.dll 例如 c:/temp/regsvr32 AspEmail.dll 它会把dll的特定信息注册入服务器中的注册表中。然后这个组件就可以在服务器上使用了,

  • 远程注册自己的组件

    把asp程序作成dll很多好处,但是有一点,该dll必须注册才能在asp中调用。如果是自己的服务器那还好,但如果是租用的虚拟服务器,就没办法使用了。怎样在远程主机上注册我们的dll呢?在服务器端使用Shell!!!让我们先将自己的dll文件通过ftp或http上传到服务器上,然后作一个asp程序,调用WScript.Shell来执行regsvr32命令:Set oShell = CreateO

  • com组件无效或没注册

    发送Email发生错误:带有 CLSID {E5FF9F62-0E7C-4372-8AD5-DA7D2418070C} 的 COM 对象无效或未注册。我在运行中regsvr32 jmail.dll 怎么提示找不到指定的模块

  • 装系统后提示无无效的服务器,点晴OA系统安装后提示:操作对象无效错误101,您没有ASPEncodeDLL.AspCoding对象的操作权限或该对象不存在请联系服务器管理员...

    :安装的时候遇到一个问题,安装完之后出现:您没有ASPEncodeDLL.AspCoding对象的操作权限或该对象不存在,请联系服务器管理员。出现这个错误的原因一般是用户将点晴MIS系统安装到Windows 64位操作系统上导致的,在本司官网下载网址说明中已经有明确的说明点晴MIS系统虽然支持Windows 64位操作系统下运行、但安装程序不支持Windows 64位操作系统的自动安装。:Wi...

  • iis部署讲解和错误内容

    一、部署 0、WIN_独立部署 1、WIN_IIS 部署,前后端不同站点 2、WIN_IIS 部署,前后端一个站点 3、WIN_Git_Nginx_Kestrel 部署 4、WIN 部署到 Windows 服务 5、Linux_Ubuntu_Nginx 部署 6、Linux_CentOs_Nginx 部署 7、Linux_Docker 部署 8、Docker+Jenkins部署,实现CI/CD 二、NetCore 错误 0、调试靠断点,部署靠日志 1、错误码 —— 405 2、错误

  • 注册远程通知:

    注册远程通知: - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {      self.window = [[UIWindow alloc] initWithFrame:[UIScreen m

  • 未注册 64 位调试器的组件

    安装包 \Remote Debugger\x64\rdbgsetup.exe

Global site tag (gtag.js) - Google Analytics