软件开发|编程技术|编程代码|编程入门先学什么—程序设计语言

纯CSS3超酷文章卡片UI设计效果

CSS3 阅读(75)

简要教程 这是一款使用纯CSS3制作的超酷文章卡片UI设计效果。该文章卡片带有阴影效果,当鼠标滑过卡片时,文章的描述信息会以滑动动画的方式显示在卡片中。 使用方法 HTML结构 一...

纯CSS3制作可编辑的微软Word样式文档

CSS3 阅读(157)

简要教程 这是一款使用HTML和CSS3制作的可编辑的微软Word样式文档。该特效提供一组预定义的样式,用于在WEB页面中生成各种尺寸的Word样式的文档效果。它提供的样式包括: sheets-of-pa...

Bootstrap彩色斑马线条纹进度条设计效果

CSS3 阅读(176)

简要教程 这是一款基于Bootstrap制作的超酷彩色斑马线条纹进度条设计效果。该进度条动画特效通过简单的CSS3 animation动画来完成,整个进度条设计时尚大方。 使用方法 在页面中引入b...

纯CSS3创意按钮设计效果

CSS3 阅读(146)

简要教程 这是一款使用CSS3来制作的创意按钮设计效果。这组按钮分为4种颜色和3种尺寸大小,并且在鼠标滑过按钮时带有炫酷的翻转效果。 使用方法...

带炫酷鼠标滑过效果的多列布局效果

CSS3 阅读(145)

简要教程 这是一款使用CSS3和少量js代码制作的带炫酷鼠标滑过效果的多列布局效果。该效果中将每篇文章制作为垂直多列布局,鼠标滑过每张缩略图时有炫酷的特效,点击缩略图时可将...

Material Design风格侧边栏菜单变形效果

CSS3 阅读(169)

简要教程 这是一款使用CSS3和少量jQuery代码来制作的Material Design风格侧边栏菜单变形效果。该侧边栏菜单开始时是一个汉堡包按钮,当用户点击该按钮之后,按钮会变形展开为右侧固定...

简单带下划线跟随效果的CSS3下拉菜单特效

CSS3 阅读(167)

简要教程 这是一款使用纯CSS3制作的带下划线跟随效果的下拉菜单特效。该下拉菜单通过CSS3 transform和transition来制作下划线跟随效果和下拉菜单效果。 使用方法 HTML结构 该下拉菜单使用...

简单的CSS3鼠标滑过图片标题和遮罩层动画特效

CSS3 阅读(139)

简要教程 这是一款使用CSS3制作的简单的鼠标滑过图片标题和遮罩层动画特效。该鼠标滑过特效通过 CSS3 transitions 和 transform 属性,在鼠标滑过图片时制作遮罩层和图片标题动画效果。...

实用的纯JS和CSS3页面滚动动画库插件

CSS3 阅读(164)

简要教程 kissui.scrollanim是一款实用的纯JS和CSS3页面滚动动画库插件。通过该插件可以使元素进入浏览器视口的时候,展示指定的CSS3动画效果。 安装 可以通过bower来安装kissui.scrollanim插件...

18种垂直分页导航按钮动画特效

CSS3 阅读(159)

简要教程 这是一组效果非常炫酷的垂直分页导航按钮动画特效。这组特效通用18种效果,可以用于制作幻灯片、页面切换和其它容器组件切换的分页导航按钮。 使用方法 HTML结构 下面是...

基于Bootstrap的垂直手风琴动画特效

CSS3 阅读(162)

简要教程 这是一款基于Bootstrap的垂直手风琴特效。该垂直手风琴特效基于原生的Bootstrap Accordion组件来制作,通过CSS3来对它进行美化,效果美观大方。 使用方法 HTML结构 该垂直手风琴特...

纯CSS3炫酷3D星空动画特效

CSS3 阅读(114)

简要教程 这是一款使用纯CSS3制作的炫酷3D星空动画特效。该特效中,以飞船向前快速移动为视角,所有的星星都快速的变大并向后移动,效果非常逼真。 使用方法 HTML结构 该3D星空特效...

一组精美的纯CSS3滑动开关按钮

CSS3 阅读(189)

简要教程 这是一组使用CSS3制作的精美滑动开关按钮特效。这组滑动按钮按Bootstrap的情景类来设计,可以适应5种不同的场景,以及一种不可用的状态。 使用方法 HTML结构 该滑动按钮效果...

2款创意CSS3按钮设计效果

CSS3 阅读(110)

简要教程 这是两款使用CSS3制作的炫酷按钮效果。这两款按钮的创意十分奇特,它们在鼠标滑过时均带有一定的动画效果。 使用方法 HTML结构 这两款按钮的示例代码均使用bootstrap来进行...

tootik

CSS3 阅读(117)

简要教程 tootik是一款纯CSS Tooltips工具提示特效库。该工具提示效果使用CSS3/SASS来制作,支持使用data属性来配置tooltips的位置和属性,效果非常炫酷。 安装 可以通过bower或npm来安装toot...

炫酷CSS3鼠标滑过图片标题文字动画特效

CSS3 阅读(196)

简要教程 这是一款使用CSS3制作的鼠标滑过图片标题文字动画特效。该特效在鼠标滑过图片的时候,会展现遮罩层,并在遮罩层上以旋转的方式使图片描述文字逐一展现。 使用方法 HT...

纯CSS3超酷书架样式404页面动画特效

CSS3 阅读(87)

简要教程 这是一款使用CSS3帧动画来制作的炫酷404页面动画特效。该404页面以书架为主题,当某个页面不存在时,以书架中找不到这本书来表示,非常有创意。 使用方法 HTML结构 该404页...

纯CSS3时尚进度条UI设计效果

CSS3 阅读(52)

简要教程 这是一款纯CSS3时尚进度条UI设计效果。该进度条使用bootstrap网格进行布局,通过简单的CSS代码和animation动画来制作带动画效果的进度条。 使用方法 在页面中引入bootstrap相关文...

纯CSS3列表面板设计效果

CSS3 阅读(62)

简要教程 这是一款使用CSS3制作的垂直列表面板设计效果。该列表面板可用于制作文章列表,排行列表等。在用户使用鼠标滑过列表项时,列表项会有炫酷的丝带浮动动画特效。 使用方...

jQuery和CSS3超炫汉堡包变形动画特效

CSS3 阅读(192)

简要教程 这是一款使用jQuery和CSS3来制作的炫酷汉堡包变形动画特效。该特效通过通过jQuery来附加按钮事件,并通过CSS3 transform和animation来制作动画特效。 使用方法 HTML结构 该汉堡包变...