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