进场动画
CSS 实现的 7 种炫酷地文字进场动画本 CSS 代码片段包含 7 种时尚炫酷的文字进场动画,可让你的文字变得更加生动,底层使用 CSS3 动画关键帧和动画延迟来为单个文字或者单个英文字母制作动画,它为文字的个性展示提供了一种简单的...
圆形菜单
使用 JavaScript 和 CSS3 创建环形围绕的圆形快捷导航分享工具栏采用 JavaScript 和 CSS3 实现的超轻量级的(小于 2KB)圆形菜单,以个性的方式展示菜单项,该插件使用纯 JavaScript 和 CSS 创建精美的径向/环形菜单,初始状态显...
幻灯片
用 jQuery 制作的淡入淡出幻灯片这款插件式基于 CSS 和 jQuery 制作的淡入淡出图片幻灯片,特性是:简单、轻量、易用。这款迷你插件可帮助你在网页项目中创建基本的渐变效果图片幻灯片,此外,该插件还支持淡入淡出速度、轮播顺...
全屏预览
带悬浮 3D 效果,图像全屏预览,支持键盘鼠标导航图片的 jQuery 插件这是一款使用 jQuery 和 CSS3 创建的多功能炫酷全屏图片库预览插件,该图库采用完全响应式(移动友好)设计,支持键盘按钮导航以及 3D 悬浮效果,使用非常简单,只需在 HTML 结构中添...
时间轴
简单的 HTML CSS 响应式垂直时间轴这段代码是基于 CSS 实现的一个简洁的响应式纵向时间轴,使重要事件节点更具有视觉吸引力并易于阅读,呈现的结果是:纵向的按照从上往下顺序列出的时间轴节点,可用作大事记记录、工作经历等场景。同时在...
调色板
基于 CSS 及 JS 生成的调色板小工具,支持随机或者自定义颜色生成16进制颜色码该插件可帮助你根据十六进制值创建一个易于使用的调色板生成器,生成器的颜色码点击后直接复制。这款插件具有用户友好的界面,可用于生成和操作调色板,功能上允许你生成随机的颜色组合,或者尝试去掉一种颜色...
视差效果
利用 CSS 实现标题图片视差滚动效果这段代码使用简单的 CSS 创建了一种标题图像视差滚动效果。它的效果是:当鼠标滚动时图像以不同的速度移动,从而产生引人注目的视差视觉效果,代码会根据滚动位置定位和处理图像,在实现视差效果的同时...
库兰德
Tailwind CSS 互联网行业10种用途响应式网站模板这是一款采用 Tailwind CSS 和 HTML5 制作的外观时尚精美功能齐全的互联网行业多细分领域网站模板,该模板包含IT互联网行业10大细分领域主题风格,分别是数字媒体行业的多页与单页风...
文字云
时尚的「文字云/标签云」 CSS 插件基于CSS实现的词云效果。它使用 CSS 变换效果来为每个关键词设计独特的显示样式,以个性化的方式展示词条,在实际项目中可做标签云效果。此外,你还可以根据自己的需要修改 CSS 规则,对于每个关...
多边形图片框
CSS实现的 6 种多边形图像框,将图像固定在多边形内部显示本 CSS 代码可创建多种图像形状边框,如菱形、三角形、八角形、六角形和十二角形等。这些个性图像边框可用于增强网页外观的设计和布局,代码使用 CSS 变换和溢出属性来实现这些美丽的形状效果,直接...
方向箭头
使用 HTML 和 CSS 制作带方向的箭头形按钮这段代码使用 HTML 和 CSS 创建了一个带方向的箭头形状的按钮,底层基于纯 CSS 为 "上一页 "和 "下一页 "导航的箭头形状按钮设计样式,可用作导航前一项以及后一项场景或者分页场景使...
响应式导航栏
基于JS + CSS 实现的带下拉菜单和搜索框的响应式导航实现了一个带下拉菜单和搜索框的响应式导航菜单,实现仅仅基于 CSS + JavaScript 实现不依赖于各类第三方插件。该菜单带有一个水平菜单栏,其中包含Logo、下拉框和一个用于搜索框的切换...