css实现照片悬浮瀑布式显示动画效果代码
代码语言:html
所属分类:悬停
代码描述:css实现照片悬浮瀑布式显示动画效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> picture { position: relative; cursor: pointer; display: inline-grid; overflow: hidden; } picture::after { content: ""; position: absolute; inset: -1px; /* -1px instead of 0 to avoid tiny gaps on the edges */ --_g: conic-gradient(at 50% 25%,rgb(0 0 0/68%) 75%,#0000 0) no-repeat; background: var(--_g) 0 calc(34% - var(--_p,0%))/50.1% 400%, var(--_g) 100% calc(100% - var(--_p,0%))/50.1% 400%; transition: .5s l.........完整代码请登录后点击上方下载按钮下载查看
网友评论0