卡片拖拽

图片和文字介绍卡片左右切换

卡片左右切换效果可通过HTML和CSS实现。首先创建基本的HTML结构,包括容器元素和多个子元素(卡片)。每个子元素代表一个卡片内容。接着在CSS中设置容器元素的宽度、高度和溢出属性为隐藏,以及子元素...

css鼠标悬停人物介绍样式

要创建一个使用CSS的鼠标悬停效果来展示人物介绍的网格,你可以使用以下步骤,HTML结构:定义一个包含多个人物卡片的网格布局。CSS样式:设置网格的基本样式,以及鼠标悬停时的样式变化。CSS伪类:使用...

css实现的滚动条切换卡片的效果

css实现的滚动条切换卡片的效果。CSS特性允许滚动容器在滚动时自动对齐到其内部元素的特定点。

纯CSS实现的range拖拽范围效果

使用HTML的<input type="range">元素来创建一个滑动条(range input),并使用CSS来美化它的外观。要使用了WebKit浏览器的伪元素(例...

AXUI实现的横版切换登录注册界面

使用AXUI实现的横版卡片切换式登录界面,蓝色简约,切换登录和注册界面,代码量少,使用tab切换登录和注册。先引入AXUI框架的css和js。可直接继承进行进自己的管理系统。css和js代码量很少。

JavaScript方块拖拽功能

简单的网页上拖拽功能的实现,使用原生JavaScript代码实现的方块拖拽功能例子。

仿css-tricks的卡片抽出效果

使用css特性实现的仿css-tricks的卡片抽出效果,鼠标悬停在图片上触发事件。

JS范围选择器效果

JS和CSS蓝色发光范围选择器效果,该范围选择器使用蓝色色调,带淡淡的发光效果,非常有科技感,效果非常炫酷。

翻卡片计时器js插件

翻牌效果时钟的演示,包含原生JavaScript、Vue、React三种实现方式。

无规则布局CSS样式

很有创意的布局样式,基于CSS代码构造的无规则网格分布。

网页卡片式排版布局js插件

很有创意的网页卡片式排版布局js插件,网页滚动会触发散开的效果。

slider拖拽条样式

漂亮的slider拖拽条样式,使用css美化和构造,没有使用任何JavaScript代码。

div容器卡片式叠加效果

很有创意的布局样式,div容器卡片式叠加效果。

简单的卡片样式引导页

精美UI导航页面,可以作为引导页,有点像弹窗样式卡片式的代码无加密,动态的背景很好看,直接上传虚拟主机或者宝塔网站目录,文件修改一切网站文字链接等。

HTML CSS控制灯光

使用HTML CSS实现的控制灯光效果,通过slider拖拽的方式。

飞机样式拖拽进度条HTML+CSS

使用HTML+CSS实现的飞机样式拖拽进度条,没有使用任何JavaScript代码。

纸牌游戏卡片选中效果

希腊神话的纸牌游戏demo,卡片样式排版,并且鼠标悬停选中有放大的效果。并且改变了光标的样式变成一个销售,氛围感满满。

右侧圆点分页js插件

很有创意的卡片布局切换方式,点击右侧圆点索引,实现整体切换分页的js插件,切换的时候带逐个出现的过渡效果。
  • 标签大全|网站地图|关于我们|用户协议
  • 背景样式编辑器|按钮样式编辑器|背景动效编辑器|图片布局编辑器|在线工具