阅读更多

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、 对软件分析设计人员的素质要求不高 我...

  • 常见软件开发模型

    软件开发模型

  • RUP(统一过程)

    UP(Unified Process,统一过程)是一种通用过程框架,可以广泛用于各种软件系统,包括不同应用领域、组织架构的系统,也不分系统的性能水平,项目规模。UP基于构件,使用UML建模。

  • 论瀑布模型、Rup是否适用于一般的国内软件公司。(一)

    记得第一次对软件的开发方法第一次感兴趣是在大学的时候,那个时候开始学习瀑布模型。从那个时候开始,我知道我之前写的一些东西只能叫做“一段代码”,远远不是软件。也开始对软件的开发方法感到迷惑、兴奋、感慨,软件开发原来是这样一个复杂的过程。那个时候我觉得瀑布模型解决了我心底一个长久的疑问:这些庞大的软件是怎么开发出来的。同时,也觉得自己增长了不少的见识。看到或者听到多少多少项目失败,心里总在想:肯定是没

  • 常用软件过程——RUP

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

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

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

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

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

  • 论软件开发过程RUP及其应用

    RUP (Rational Unified Process)是IBM公司一款软件开发过程产品,它提出了一整套以UML为基础的开发准则,用以指导软件开发人员以UML为基础进行软件开发。RUP汲取了各种面向对象分析与设计方法的精华,提供了一个普遍的软件过程框架, 可以适应不同的软件系统、应用领域、组织类型和项目规模。 请围绕“论软件开发过程RUP及其应用”论题,依次从以下三个方面进行论述。 1.概...

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

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

  • 初识RUP

    在做项目前对rup的认识rup:rational unified process 翻译为 rational统一过程rup动态结构:1。初使阶段2。细化阶段3。构造阶段4。移交阶段每个阶段包含一个或多个迭代rup核心工作流程(核心工作流程显示生成特定的工件集可能要经历的所有活动。)1。业务建模2。需求3。分析设计4。实施5。测试5。部署不同的rup阶段并不仅仅是传统的瀑布模型过程

  • RUP优缺点

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

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

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

  • rup模型有关

    1.项目中为啥要使用rup模型?使用rup模型的好处?? 2.rup模型中做业务建模需求比较多,为啥还会有实现、测试、部署等等? 3.rup模型是怎么控制风险的?? rup是迭代、增量模型,划分了四个不同的阶段,每个阶段都要进行一次迭代,可以更好的控制变更,降低风险。 rup 4.rup模型初始阶段是怎么降低风险的 初始阶段的主要任务就是业务建模和需求, 5.细化阶段主要解决那些风险??? 6.细化阶段主要解决那些需求 7.细化阶段要干啥???细化阶段的主要任务是啥??? ...

  • RUP简介

    RUP简介           一、   RUP的概念           RUP(Rational Unified Process,统一软件开发过程,统一软件过程)是一个面向对象且基于网络的程序开发方法论。           瑞理统一过程(RUP)是Rational软件公司(Rational公司被IBM并购)创造的软件工程方法。RUP描述了如何有效地利用商业的可靠的方法开发和部署

  • 什么是RUP?

    什么是RUP? 1、RUP是风险驱动的、基于Use Case技术的、以架构为中心的、迭代的、可配置的软件开发流程 2、我们可以针对RUP所规定出的流程,进行客户化定制,定制出适合自己组织的实用的软件流程。  因此RUP是一个流程定义平台,是一个流程框架。 RUP相当于计划,为开发提供步骤。所以说RUP是面向过程的。 为什么产生RUP? 软件危机推动了RUP的产生。软件危机面临的问题有难

  • 瀑布模型

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

  • 软件工程笔记、简答题

    第一章 软件危机 软件危机是指在计算机软件开发、 使用与维护过程中遇到的一系列严重问题和难题。 它包括两方面∶如何开发软件,已满足对软件日益增长的需求; 如何维护数量不断增长的已有软件。 软件危机表现 对软件开发成本和进度的估计常常很不准确。 用户对已完成的软件不满意的现象时有发生。 软件产品的质量往往是靠不住的。 软件常常是不可维护的。 文档资料不全或不合格,必将给软件开发和维护工作带来许多难以想象的困难和难以解决的问题。 软件成本、软件维护费在计算机系统总成本中所占比例逐年上升。 .

Global site tag (gtag.js) - Google Analytics