div+css实现可爱小兔子头效果代码
代码语言:html
所属分类:布局界面
代码描述:div+css实现可爱小兔子头效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <style> *, *:before, *:after { box-sizing: border-box; } body { background: orange; font-size: 16px; } .head { background: #fff; height: 10em; width: 10em; border-radius: 50%; position: absolute; top: 2em; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 4; } .eye { position: absolute; background: #000; height: 1.5em; width: 1.5em; border-radius: 50%; top: 50%; } .eye.left { left: 2.5em; } .eye.right { right: 2.5em; } .eye--glow { background: #fff; height: 0.5em; wid.........完整代码请登录后点击上方下载按钮下载查看
网友评论0