js+css实现可爱卡通三眼小孩点击眼睛减少效果代码
代码语言:html
所属分类:其他
代码描述:js+css实现可爱卡通三眼小孩点击眼睛减少效果代码
代码标签: js css 可爱 卡通 三眼 小孩 点击 眼睛 减少
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <style> :root { --primary: #a0e8b6; --secondary: #8dcb9f; --bg: #fffb7d; } body { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 36px; position: absolute; margin: 0; height: 100%; width: 100%; background-color: var(--bg); } .head { display: flex; position: relative; justify-content: center; gap: 8px; align-items: center; padding: 0 2vmin; height: 36vmin; background-color: var(--primary); border-radius: 9999px; filter: drop-shadow(0 0 20vmin #00000033); box-shadow: 0 0 5vmin #00000044 inset, 0 0 1vmin #00000022 inset; transition: transform 300ms ease-in-out; } .head::before { content: ""; position: absolute; border-radius: 50%; border-right.........完整代码请登录后点击上方下载按钮下载查看
网友评论0