css的clip-path实现不规则倾斜网格图片相册悬浮高亮显示代码
代码语言:html
所属分类:其他
代码描述:css的clip-path实现不规则倾斜网格图片相册悬浮高亮显示代码,其他图片鼠标悬浮后变得暗淡。
代码标签: css clip-path 不规则 倾斜 网格 图片 相册 悬浮 高亮 显示
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
.wrapper{
--_gap: .5rem;
--_offset: 10%;
--_offset-1: calc(var(--_offset) * 1);
--_offset-2: calc(var(--_offset) * 2);
--_offset-3: calc(var(--_offset) * 3);
--_offset-7: calc(var(--_offset) * 7);
--_offset-8: calc(var(--_offset) * 8);
--_offset-9: calc(var(--_offset) * 9);
width: calc(100% - 4rem);
max-width: 800px;
margin: 2rem auto;
color: white;
font-family: system-ui;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0 var(--_gap);
}
.wrapper > div{
asp.........完整代码请登录后点击上方下载按钮下载查看
网友评论0