纯css实现盆花效果
代码语言:html
所属分类:布局界面
代码描述:纯css实现盆花效果
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> :root { --pot-main: #DD7D5F; --pot-shade: #B05428; } body{ background: #70C2F4; } .box-canvas{ position: relative; margin: auto; display: block; margin-top: 8%; margin-bottom: 8%; width: 500px; height:600px; } .flower { position: absolute; top: 125px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 245px; height: 250px; } .flower::after { content: ''; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 60px; height: 60px; border-radius: 50%; background: radial-gradie.........完整代码请登录后点击上方下载按钮下载查看
网友评论0