搜索 - 腾讯云开发者社区-腾讯云

文章/答案/技术大牛

发布

来自专栏前端技术江湖
仅用 CSS 实现赛博朋克 2077 风格视觉效果
: inset(50% 50% 50% 50%); --slice-1: inset(80% -6px 0 0); --slice-2: inset(50% -6px 30% 0); --slice { 0% { clip-path: var(--slice-1); transform: translate(-20px, -10px); } 10% { clip-path: var(--slice } 20% { clip-path: var(--slice-1); transform: translate(-10px, 10px); } 30% { clip-path: var(--slice ); } 40% { clip-path: var(--slice-2); transform: translate(-5px, 0px); } 50% { clip-path: var(--slice
1K30发布于 2021-07-30
【UI】前端常用特效
--slice-1: inset(80% -6px 0 0); --slice-2: inset(50% -6px 30% 0); --slice transform: translate(-20px, -10px); } 10% { clip-path: var(--slice transform: translate(-10px, 10px); } 30% { clip-path: var(--slice transform: translate(-5px, 0px); } 50% { clip-path: var(--slice
52410编辑于 2025-12-15