阅读更多

8顶
0踩

Web前端
随着HTML5技术的不断发展和浏览器的不断演进,Web开发的方式也开始多种多样。CSS3引入的一些强大的新特性以及开发出来的绚丽效果,使得Web前端开发者也没有理由去拒绝该技术。

下面为你带来25个CSS3用户界面开发教程(点击标题链接查看详细内容),相信这些效果也会很快出现在你的Web项目中。

1.  基于SVG和CSS Animations的交互式信息图



2.  3D动画条形图



3.  CSS3的Clip(裁剪)属性



4.  使用CSS3创建叠加注释效果



5.  打造动画形式的内容标签



6.  突出表单中的必填项



7.  创建动态工具提示



8.  3D效果的响应式时间轴



9.  CSS3的过滤功能



10.  使用CSS3创建弹跳动画



11.  使用CSS3创建多列布局



12.  了解CSS3中的calc()函数



13.  自定义复选框和单选按钮



14.  超酷的图片标题效果



15.  CSS3:First-Of-Type选择器



16.  面包屑式导航



17.  基于HTML5/CSS3的响应式表单



18.  CSS3线性渐变



19.  CSS3重复渐变



20.  段落首字下沉效果



21.  基于CSS3的可缩放矢量图形



22.  CSS3图像滤镜



23.  Sass(Syntactically Awesome Stylesheets)入门



24.  WordPress中的CSS网格布局



25.  使用CSS打造Metro UI



英文原文:25 Tutorials of Advanced User Interface CSS3 Effects
  • 大小: 46.9 KB
  • 大小: 40.8 KB
  • 大小: 28.9 KB
  • 大小: 23.9 KB
  • 大小: 30.6 KB
  • 大小: 18.6 KB
  • 大小: 22.8 KB
  • 大小: 33.9 KB
  • 大小: 29.9 KB
  • 大小: 35.2 KB
  • 大小: 69.1 KB
  • 大小: 12.2 KB
  • 大小: 33.9 KB
  • 大小: 87.5 KB
  • 大小: 13.4 KB
  • 大小: 13.5 KB
  • 大小: 42.5 KB
  • 大小: 30.1 KB
  • 大小: 21.7 KB
  • 大小: 49.8 KB
  • 大小: 27.9 KB
  • 大小: 40.5 KB
  • 大小: 26.2 KB
  • 大小: 27.2 KB
  • 大小: 38.5 KB
8
0
评论 共 2 条 请登录后发表评论
2 楼 linder0209 2013-04-10 12:48
不错,有时间研究一下,谢谢分享!
1 楼 ricoyu 2013-04-09 20:58
超喜欢HTML5表单那个

发表评论

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

相关推荐

  • 20040926复印试卷

    原来爱一个人是为她做什么事都觉得值得,开心的。习惯于每晚临睡前给她一个电话。每次听到所拨的电话已关机时,有点失落,有点开心。这次得知她要复制复习资料,于是花了很大面子叫我表哥复印,印了双面觉得不太好,于是开车20多公里,到我三叔处重新复印为单面的(69页,几乎用了一包A3纸)。自己都觉得不好意思。。。还被三叔取笑说她居然能叫得动他侄儿专门做这些东西。而且还要这么晚过去赶印。。。呵呵。原来爱一个人是

  • 学无止境的CSS(xHTML+CSS技巧教程资源大全)

    今天在看我博客的访问统计的时候,看到了一个比较熟悉的网址,就是帕兰映像的博客,遂点击链接过去看看,结果发现了一个非常非常值得收藏的文章,这篇文章总结了许许多多CSS(xHTML+CSS或称DIV+CSS)的技巧、教程及...

  • css3 loading效果

    梦想天空 关注前端开发技术 ◆ 推动HTML5&CSS3技术发展 ◆ 本博客全新站点:yyyweb.com欢迎围观:) ...CSS3 前端开发 免费模板 随笔- 2452 文章- 1 评论- 16107 ...

  • HTML5期末考核大作业 基于HTML+CSS+JavaScript仿王者荣耀首页 游戏网站开发 游戏官网设计与实现

    游戏官网、⛹️游戏网站、️电竞游戏、游戏介绍、等网站的设计与制作。⭐ 网页中包含:Div+CSS、鼠标滑过特效、Table...网站程序方面:计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保...

  • 廖雪峰Python 3.X 教程

    Python是著名的“龟叔”Guido van Rossum在1989年圣诞节期间,为了打发无聊的圣诞节而编写的一个编程语言。 现在,全世界差不多有600多种编程语言,但流行的编程语言也就那么20来种。如果你听说过TIOBE排行榜,你就...

  • 【经典】CSS技巧教程资源大全

    是 个啥玩意儿)。应该说,你是否学Web标准,跟你是否能学会CSS没有什么关系,但跟你能写出什么样的CSS,以及XHTML或其它代码,跟你能做出什么 质量的网页有很大的关系。 其实我自己对Web标准也不甚了解,尽管...

  • [转载] Python Web开发—进阶提升 490集超强Python视频教程 真正零基础学习Python视频教程

    Python Web开发—进阶提升 490集超强Python视频教程 真正零基础学习Python视频教程 【课程简介】 这是一门Python Web开发进阶课程,手把手教你用Python开发完整的商业级web项目所需的各种技能。 【课程目标】 在这...

  • 4 万字超强总结!Java 这些必备基础知识不可少

    Java ME 包括灵活的用户界面、健壮的安全模型、许多内置的网络协议以及对可以动态下载的连网和离线应用程序的丰富支持。基于 Java ME 规范的应用程序只需编写一次,就可以用于许多设备,而且可以利用每个设备的本机...

  • Angular 初学者快速上手教程

    本课程是一个系列基础教程,目标是带领读者上手实战,课程以新版本 Angular 的 3 个核心概念作为主线:组件、路由、模块,加上业务开发过程中必须用到的特性:工具、指令、表单、RxJS、i18n、测试,一共分为 9 部分...

  • 60+CSS技巧教程资源大全

    尽管看上去不是必须的(我在学CSS之前,根本不知道也不想知道Web标准是个啥玩意儿)。应该说,你是否学Web标准,跟你是否能学会CSS没有什么关系,但跟你能写出什么样的CSS,以及XHTML或其它代码,跟你能做出什么质量的...

  • 关注2007维也纳新年音乐会

      很久没有写Blog了,自从上一篇Blog预告了打算写一点影片感后观后,一直没有闲下来去真正实施这个计划,就暂时搁浅一下吧。两周前发现了豆辧(www.douban.com)这个网站,感觉这个网站的创意还是不错的,所以就注册了一下,并把自己看过的电影、听过的音乐、读过的书、去过的地方在上面进行了登记,当然这是一个浩大的工程,慢慢完善吧。因为发现了这个网站,所以决定以后如果开始写影片的观后感的话就直

  • 装了一下MINIX 3

       日子一天天过,但写论文的日子似乎总是有点单调,虽然是时间紧任务重,但对于我来说一天只做一件事(还不是很兴趣的事)总是一件痛苦的事情,于是总是在写论文之余找到“味精”来点缀一下生活、改善一下口味,写Blog也许也是这些“味精”的一部分。  前面复习操作系统时让我对原本已经忘记多年的Linux产生了兴趣,复习编译原理时为了试用LEX和YACC(Bison)而又一次体验了Linux更让我对开源的产

  • MP3文件信息编辑利器 - Mp3tag

      Mp3tag是一款免费的MP3文件信息的编辑软件。为了整理我的MP3文件库,我一直在寻找一款好用的MP3标签的编辑软件,以前曾经用过一个叫Tag & M3U的软件,不错,但不是免费的。后来发现了Mp3tag,第一次用感觉不是很好上手,而且对中文的支持不是很出色,所以就把它束之高阁了。直到有一天,突然发现Mp3tag开始支持Unicode,才又把它请进了系统,真正开始使用,这才发现这是一款非常出

  • 改一下用电子邮件的习惯

      我1998年6月开始用电子邮件,那时候可用的邮箱就是电信申请上网时提供的邮箱,由于有163和169两种网络,所以有两个邮箱,后缀分别是@public1.sz.js.cn和@pub.sz.jsinfo.net,现在还在用这样的邮箱的人似乎已经不多了,因为这类电信提供的邮箱都是容量很小,并且没有Web管理的支持,只能通过POP3/SMTP进行收发邮件。  后来国内开始出现了免费邮箱,那时我用的最多

  • 趋势科技应聘经历

      趋势科技是一家技术上很有实力但知名度却不太高的公司,我的感觉是他们对于企业市场的关注大于在个人市场上的宣传。趋势的PC-Cillin是一款不错的防病毒软件,在中国却似乎并没有很高的市场占有率,这也许也是与趋势的市场定位有关吧。  上半年就听说趋势是南京薪水较高的一个公司,那时也有不少同学申请去趋势做Intern,虽然不少人拿到笔试的机会,却最终也没能有机会加入。我有个我校九八级的朋友,七月份的

  • 关注2005维也纳新年音乐会

      偷闲上网,突然想起了每年一次的维也纳新年音乐会,去官方网站看看,发现CD/DVD已经开始预售,自然,节目单也就公布了出来。  然而,相比节目单而言,也许更能引吸我的还是这次音乐会的指挥——洛林·马泽尔。  在平望中学上初中的时候,在钱小强老师的推荐下,1996年,我生平第一次收看了维也纳新年音乐会,很快我就被施特劳斯家族的音乐作品所吸引。而那一年的指挥,正好也就是今年的指挥:马泽尔。96年的新

  • CSDN技术英雄会流水帐

      6号一大早到达北京,驾轻就熟的到达知春路,很快就找到了会议地点。人还不是很多,但由于邀请函事件的后遗症,为了进入会场还是花了一些周折,幸好有CSDN社区中心的葛涵涛的帮忙,才没有留下一些小小的遗憾。会场的布置相当的温馨,也不乏“英雄会”之大气,只是场地实在是不够宽畅,在差不多一半座位被英雄、专家和嘉宾占据的情况下,留给我等普通网友的参会机会确实是不多了。  开场的表演没有什么特别的,倒是成

  • 微软亚洲研究院电话面试

      很长时间没有写Blog了,一直挺忙的,今天还是很忙,还有三个同步进行的项目在催着我继续工作,但我想休息一下,写篇Blog玩玩。  微软公司一直是我比较向往的公司,而微软亚洲研究院则更是我向往的一场所,我期望自己能在一个出色的团队中奉献自己的力量、同时学习提高自己。  大约一年前,我向微软亚洲研究院投过一份简历,申请那时的一个Visiting Student的职位,那是一个有关机器视觉的一个研究

  • What is Free Software?

       盖茨访华,虽然已经是第十次,但还是一件挺吸引眼球的事情。而就在今天,当微软遭遇开源抗议,事情就变得更吸引眼球了。  中午从看到这条消息,第一反应是又是哪位开源斗士开始发奋图强了,不会是Bill Xu继《致招商银行的公开信》活动后又一重大举措吧,新闻里照片上的人物并不清晰,不过看起来不像是Bill,倒像是另外一位我才认识不久的人。  下午的消息很快证实了我的猜想,这位勇士就是LPI中国首席

Global site tag (gtag.js) - Google Analytics