响应式带鼠标悬停特效的网格布局图片集特效代码

描述: 纯CSS创建了一个倾斜的网格图片展示布局,它按行和列排列图片,带鼠标悬停效果,鼠标悬停于某张图片上,可进行放大突出显示。在不同设备下自行调整布局大小,达到自适应效果。

分类: 网页特效 - 列表&布局

用户: gutou888

 7.8K    0    70    50  

纯CSS实现的粘性吸顶导航菜单特效代码

描述: 一款基于bootstrap响应式布局的粘性吸顶导航菜单特效,当滚动页面滚动时,导航栏将保持在页面顶部。

分类: 网页特效 - 导航菜单

用户: gutou888

 4K    0    30    10  

CSS3七色动感的彩虹动画特效代码

描述: 一款七色彩虹动画效果,使用了CSS3关键帧以圆形模式旋转,采用了7中不同颜色线条。

分类: 网页特效 - 动画效果

用户: gutou888

 91.3K    2    40    82  

纯CSS实现的鼠标悬停百叶窗图片滑动特效代码

描述: 一款图片悬停滑动显示原图特效,当鼠标悬停图片上展开显示原始尺寸图片,移走后恢复到原位。

分类: 网页特效 - 图片特效&上传

用户: gutou888

 4.8K    0    20    12  

纯CSS实现的背景图片鼠标悬停模糊特效代码

描述: 一款鼠标悬停背景图片模糊效果,该效果是通过将模糊过滤器应用于图片上,当用户鼠标悬停在文本元素上时将模糊blur值转换为0来实现的。

分类: 网页特效 - 图片特效&上传

用户: gutou888

 2.8K    2    91    34  

纯CSS实现的鼠标悬停分割图片特效代码

描述: 一个分割图片效果。它使用剪辑路径标签属性,将图片分成四个尺寸相等的区块,再使用变换属性在悬停时移动和旋转角度。

分类: 网页特效 - 图片特效&上传

用户: gutou888

 2.9K    2    10    44  

CSS创建的6种不同的对角线分区特效代码

描述: 使用CSS创建对角线分区的六种不同方法。不同的方法包括:使用border边框、伪元素、SVG、线性梯度和剪辑路径等。

分类: 网页特效 - 其它&杂项

用户: gutou888

 1.9K    0    90    41  

纯css实现的鼠标悬停动画展开平滑的导航菜单代码

描述: 一款设计美观的垂直导航下拉菜单,鼠标悬停于菜单上触发显示下拉导航菜单,鼠标移走即消失。还附带了点击搜索框页面变暗,搜索框高亮显示特效。

分类: 网页特效 - 导航菜单

用户: gutou888

 41K    0    60    93  

由纯css编写的会发光发亮的边框动画代码

描述: 一款基于CSS3创建的发光转动动画特效,在指定的HTML元素上创建一个发光边框动画效果。它通过使用模糊、渐变和关键帧等CSS属性,在指定元素边框创建会发光的光晕。

分类: 网页特效 - 动画效果

用户: gutou888

 81.4K    0    23    51  

纯css3实现的搜索按钮展开动画特效代码

描述: 鼠标单击搜索按钮会向左或向右展开,给用户呈现不一样的交互动画乐趣。主要是基于Bootstrap和自定义CSS创建并实现的,可设置向左或向右侧展开文本框。

分类: 网页特效 - 动画效果

用户: gutou888

 9.8K    0    40    10