一级分类

创客主机
超酷CSS3模糊发光文字动画效果

超酷CSS3模糊发光文字动画效果

这是一款CSS3超酷模糊发光文字动画特效。该特效通过简单的CSS代码来实现文字的模糊和发光动画效果。 HTML结构 页面布局的HTML结构如下。 Best jQuery CSS样式 然后添加下面的CSS样式。 .text-effec…
纯CSS3制作可编辑的微软Word样式文档

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

这是一款使用HTML和CSS3制作的可编辑的微软Word样式文档。该特效提供一组预定义的样式,用于在WEB页面中生成各种尺寸的Word样式的文档效果。 使用方法 在页面中引入你需要的尺寸的样式文件,如使用A4纸则引入sheets-o…
点击显示隐藏更多文字内容jQuery插件

点击显示隐藏更多文字内容jQuery插件

这是一款jQuery显示/隐藏更多文字内容插件,该插件可以将很长的一段文字按要求进行部分隐藏和全部展示,并且可以定制隐藏和展开内容时的动画效果。 使用方法 在页面中引入jquery和jquery.morecontent.js文件。 …
纯CSS Tooltips工具提示特效库

纯CSS Tooltips工具提示特效库

tootik是一款纯CSS Tooltips工具提示特效库。该工具提示效果使用CSS3/SASS来制作,支持使用data属性来配置tooltips的位置和属性,效果非常炫酷。 使用方法 在页面中引入tootik.min.css文件。…
CSS3超酷3D文字跑马灯特效

CSS3超酷3D文字跑马灯特效

这是一款使用纯CSS3制作的超酷3D文字跑马灯特效。该跑马灯特效将跑马灯背景制作为3D立方体效果,文字在上面移动时,就像是文字投影到墙壁上,在转角出会改变运动方向。 HTML结构 使用该3d跑马灯效果使用一个<div>作…
Material Design 风格鼠标滑过导航菜单特效

Material Design 风格鼠标滑过导航菜单特效

这是一款Material Design风格鼠标滑过导航菜单特效。该导航菜单特效简单实用,可以制作出非常漂亮的鼠标滑过导航菜单时的下划线动画效果。 使用方法 该导航菜单使用一个<nav>元素来作为容器,里面放置一个<…
7种鼠标滑过超链接动画特效

7种鼠标滑过超链接动画特效

这是一组效果很酷的鼠标滑过超链接元素时的动画特效。这组超链接动画效果使用伪元素来制作超链接的下划线,并使用CSS3 animation来制作各种动画效果。 HTML结构 每一个超链接的效果的HTML结构都基本相同,使用一个<d…
Balloon - 纯CSS3简单实用tooltips工具提示

Balloon - 纯CSS3简单实用tooltips工具提示

balloon.css是一款实用纯CSS3制作的简单实用的tooltips工具提示效果库。该tooltips通过简单的设置可以实现在不同位置显示提示框,根据内容的多少来自动设置提示框的大小,它还可以显示unicode编码和Font …
炫酷菜单线条动画特效UI设计效果

炫酷菜单线条动画特效UI设计效果

这是一款效果非常炫酷的菜单线条动画特效UI设计效果。这组菜单线条动画共有20种效果,各种效果在用户点击菜单项时,会有不同的线条动画出现。 HTML结构 所有的菜单都具有相同的HTML结构: Prospero Home Who we …
带阅读进度指示侧边栏列表项UI设计

带阅读进度指示侧边栏列表项UI设计

这是一款带阅读进度指示的侧边栏列表项UI设计效果。该设计的目的是在用用户滚动鼠标时,在侧边栏列表项中每一个段落标题前都带有一个指示当前段落阅读进度的圆形进度条,使用户可以看到当前的阅读进度,提升用户体验。该阅读指示UI设计使用SVG…
js+CSS3自定义鼠标特效

js+CSS3自定义鼠标特效

这是一款js和CSS3自定义鼠标特效,该特效中,使用一个DIV元素来自定义鼠标,通过CSS代码来构建鼠标的形状,并通过js代码来驱动鼠标的动画。 HTML结构 基本的HTML结构如下: CSS样式 为鼠标元素添加一些基础的CSS样式…
12种风格时尚价格表界面设计

12种风格时尚价格表界面设计

这是一款构思新颖的时尚价格表界面设计效果。价格表是网站为用于提供数字化服务的必要组件。这组价格表设计方案共有12种不同的效果,它们都是基于flexbox来制作的。 HTML结构 所有价格表的主要的HTML结构如下: Startup …
嘿,欢迎咨询!