阅读更多

15顶
1踩

Web前端
前端是网站和Web应用所呈现给用户最直接的东西,前端的好坏直接影响用户的体验和好感。尽管如此,你也不必为前端设计绞尽脑汁,因为有大量可重用的效果和代码来帮助你完成这一设计。

本文所介绍的这些效果都已经托管在CodePen网站上,点击下面的标题即可浏览代码和预览效果,并可以根据实际所需直观地进行修改。

1.  网站提示向导



2.  文本动画



3.  控制台UI



4.  CSS3仿制的Apple官网导航



5.  纯CSS3加载动画



6.  CSS另类加载动画



7.  提交按钮动画



8.  响应式扁平化UI



9.  面包屑导航组件



10.  基于CSS3的文字斑马行效果



11.  彩虹导航菜单



12.  CSS3制作的价格表



13.  平滑折叠菜单效果



14.  音量调节钮UI



15.  选项卡式的电子名片



16.  自定义多选框 & 单选钮



17.  超酷的文字阴影



18.  列表/网格视图切换器



19.  CSS3电子名片



20.  冬季主题网站布局



21.  视差滚动布局



22.  CSS图书动画



23.  可排序的任务清单



24.  CSS3绘制的树枝



25.  简单的博客编辑器



26.  CSS3开关



27.  登录表单



28.  HTML5/CSS3打造的指标滑块



29.  简单漂亮的CSS3按钮



30.  动画形式的表单



Via designwoop
  • 大小: 12.7 KB
  • 大小: 4.5 KB
  • 大小: 16.1 KB
  • 大小: 6.4 KB
  • 大小: 5.9 KB
  • 大小: 4.2 KB
  • 大小: 7.6 KB
  • 大小: 20.6 KB
  • 大小: 11.1 KB
  • 大小: 64.5 KB
  • 大小: 4.6 KB
  • 大小: 30.1 KB
  • 大小: 13.3 KB
  • 大小: 11.7 KB
  • 大小: 18.4 KB
  • 大小: 7.1 KB
  • 大小: 28 KB
  • 大小: 65.2 KB
  • 大小: 31.9 KB
  • 大小: 60.3 KB
  • 大小: 40.8 KB
  • 大小: 11.3 KB
  • 大小: 18.3 KB
  • 大小: 31.5 KB
  • 大小: 16.3 KB
  • 大小: 3.7 KB
  • 大小: 14.3 KB
  • 大小: 12.9 KB
  • 大小: 13 KB
  • 大小: 23.6 KB
15
1
评论 共 8 条 请登录后发表评论
8 楼 lody 2017-04-24 10:29
7 楼 lody 2017-04-24 10:28
6 楼 coosummer 2015-10-27 14:48
推荐使用http://buttoncssgenerator.com ,可以生成各种效果的按钮css,包括圆角、渐进颜色、阴影,并兼容各大主流浏览器
5 楼 一头狼 2014-02-13 13:44
mark....
4 楼 卟羡繁华 2014-01-06 16:54
是bootstrap做的?
3 楼 smallXiaoTi 2014-01-04 01:24
楼主好东西啊 我ding你啊 ddddd赞赞32个
2 楼 smallXiaoTi 2014-01-04 01:20
这玩意 ie打开有问题你怎么不早说呢???
1 楼 smallXiaoTi 2014-01-04 01:14
  正在探索怎么用它呢

发表评论

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

相关推荐

  • 【软考】信息系统开发基础 - 信息系统生命周期模型(软件开发模型)

    不属于信息系统项目的生命周期模型。在考试论文中如何应用这个内容(一般都是说瀑布模型,或者是原型化模型的开发方法)

  • 软件工程----------第一章小测验

    一、单选题 1软件是一种( )。 A、 程序 B、 数据 C、 逻辑产品 D、 物理产品 我的答案:C 2瀑布模型突出的缺点是不适应( )的变动。 A、 算法 B、 程序语言 C、 平台 D、 用户需求 我的答案:D 3快速原型的主要优点不包括( )。 A、 能让用户参与开发、给出反馈 B、 尽早把需求分析清楚,以降低风险 C、 尽早地发现问题、纠正错误 D、 对软件分析设计人员的素质要求不高 我...

  • 软件工程期末复习总结2023下半年

    A. 对B. 错我的答案:对正确答案:对。

  • 【软件工程】RUP与软件开发5大模型

    软件开发的5大模型 1.瀑布模型:按照人的思维一步一步的开发下去,如果需求分析得当,每个阶段顺利,结果还不错! 2.快速原型模型:后来人们发现,自己不可能一下子就把所有的需求搞清楚,总是在开发的过程中,用户不断完善自己的需求,导致当使用瀑布模型的时候,很容易做的好好的,又要重新开始,这就很气人,所以,人们干脆就不用瀑布模型,另辟蹊径,采用先快速的给用户看到一个样子,然后接着开发,开发一段时...

  • 软件工程 瀑布模型、原型模型、喷泉模型和V模型的优缺点及适用场景

    一、瀑布模型   瀑布模型(Waterfall Model)是一个项目开发架构,开发过程是通过设计一系列阶段顺序展开的,从系统需求分析开始直到产品发布和维护,每个阶段都会产生循环反馈,因此,如果有信息未被覆盖或者发现了问题,那么最好“返回”上一个阶段并进行适当的修改,项目开发进程从一个阶段“流动”到下一个阶段,这也是瀑布模型名称的由来。包括软件工程开发、企业项目开发、产品生产以及市场销售等构造瀑布模型。   瀑布模型也称软件生存周期模型。它在软件工程中占有重要地位,它提供了软件开发的基本框架,这比依靠“个

  • 常用软件过程——RUP

    RUP是用例驱动,以架构为中心,迭代式开发过程。 一、用例驱动 用例(Use Case)是一种通过用户的使用场景获得需求的技术。区别于传统的功能分解获取需求的办法,用例方法强调用户是如何使用系统的,即描述用户与系统之间的交互,而不涉及系统内部的行为。用例的一般表示法是UML用例图。 用例方法的主要特点有: 需求表述的抽象性。用例方法以UML用例图的形式表示,对于用例、参与者之间的关系一目了...

  • RUP优缺点

    <br />RUP的优点 <br />1. RUP是建立在非常优秀的软件工程原则基础上的,例如迭代,需求驱动,基于结构化的过程开发。 <br />2. RUP提供了几个方法,例如每一次迭代产生一个工作原型,在每一个阶段的结束决定项目是否继续,这些方法提供了对开发过程的非常直观的管理。 <br />3. rational公司已经并将继续对RUP进行开发,使这个基于html的软件工程能够被裁减以适合你的组织的实际需要。 <br />RUP的缺点 <br />1. RUP仅仅包含了开发过程。它没有完全覆盖软件过程

  • 详细描述三个适于瀑布模型的项目_软件开发模型有哪些?

    软件开发模型大体上可分为两种类型,第一种是以软件需求完全确定为前提的瀑布模型。 第二种是在软件开发初始阶段只能提供基本需求时采用的渐进式开发模型,如原型模型、螺 旋模型等。实践中经常将几种模型组合使用以便充分利用各种模型的优点。1.瀑布模型瀑布模型也称软件生存周期模型,由 W.Royce 于 1970 年首先提出。根据软件生存周 期各个阶段的任务,瀑布模型从系统需求分析开始,逐步进行阶段性变换,直...

  • 瀑布模型与“V”模式开发模型有何异同?

    在做软件开发时,程序员们肯定接触过各式各样的软件开发模型,例如:写了再改模型、瀑布模型、增量模型等。其实,很多开发模型是在瀑布模型基础上衍生出来的。 然而,了解“V”模式开发模型的程序员应该不多。“V”模式开发模型是汽车电子行业在瀑布模型的基础上做了改进,以符合汽车ECU开发需要的模型。 今天来讲讲瀑布模型与“V”模式开发模型的异同。 瀑布模型 瀑布模型产生的历史背景是20世界70年代出现的软件危...

  • 各种软件过程模型的优缺点、适用范围和各模型显著特点

    过程模型总分为五大类: 1.惯例过程模型 2.瀑布模型(又叫作生命周期模型) 3.增量过程模型: 包括增量模型、RAD模型 4.演化过程模型: 包括 原型开发模型、螺旋模型、协同开发模型 5.专用过程模型: 包括 基于构件的开发模型、形式化方法模型、面向方面的软件开发模型 (参考文献:软件工程-实践者的研究方法 (美)Poger S.Pressman ) 下面,详细的阐述

  • RUP(统一软件开发过程)之最佳软件开发实践

    Rational统一过程:简称为RUP 是一个软件开发过程 是一个过程产品 是一个过程框架 包含了6个最佳软件开发实践 为所有方面和层次的程序开发提供指导、模板和工具指南的支持。 软件工程的三个要素是:工具、方法和过程。 采用有效的软件过程,是实现软件成功开发的前提。当前流行的软件过程有: Rational Unified Process(RUP) OPEN Process Object...

  • 《软件工程》第二章学习笔记

    学习笔记资料主要来源: 百度百科 西安邮电大学《软件工程》学习课件第二章《软件过程》 软件过程模型 软件过程模型又叫做软件开发模型、软件生存期模型,是软件开发全部过程、活动和任务的结构框架。它能直观表达软件开发全过程,明确规定要完成的主要活动、任务和开发策略。常见的软件过程模型有瀑布模型、增量模型、原型模型、螺旋模型、RUP和敏捷开发等。是指软件开发全部过程、活动和任务的结构框架。软件开发包括需...

  • UML简单介绍(二十一)——RUP软件工程模型介绍(下)

    1、核心工作流 1)商业建模         软件工程人员与商业工程人员之间的正确交流,使用商业用力来文档化整个商业过程。即领域模型的建立。 2)需求         从领域模型中提取需求,形成专业的需求文档,连接用户和开发人员的桥梁。Use Case起到贯穿整个系统的开发周期线索的作用,相同的用力模型在需求捕获阶段,分析设计阶段和测试阶段中使用。 3)分析与设计         分析

  • “瀑布模型”和“原型模型”的基本原理和特点的对比分析

    “瀑布模型”和“原型模型”的基本原理和特点的对比分析关键字:软件过程模型、瀑布模型、原型模型软件过程模型综述:也称为软件开发模型,是软件开发全部过程、活动和任务的结构框架。也可以说是一种开发策略,这种策略针对软件工程的各个阶段提供了一套范形,使工程的进展达到预期的目的。它规定了完成各项任务的工作步骤,起到规范的作用。瀑布模型是将开发过程按经典的软件生命周期分为:系统工程、需求分析与规约、设计与规约

  • 软件工程-应用“瀑布模型”进行开发

    如果您喜欢这些文章,欢迎点击此处订阅本Bloggoogle_ad_client = "pub-7343546549496470";google_ad_width = 468;google_ad_height = 60;google_ad_format = "468x60_as";google_ad_type = "image";//2

  • 软件开发模型的瀑布模型

    最近学习软件工程,发现项目开发中最经常用的开发模型还是:瀑布模型(Waterfall Model)    可行性研究与计划

Global site tag (gtag.js) - Google Analytics