清新简约颜色选择器效果
代码语言:html
所属分类:选择器
代码描述:清新简约颜色选择器效果
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> html, body{ height: 100%; width: 100%; } html{ font: 2.2vh Helvetica-Neue, Helvetica, sans-serif; } body{ align-items: center; background: whitesmoke; display: flex; justify-content: center; } #swatch{ background: white; box-shadow: 1em 1em 1em rgba(0, 0, 0, .1); display: flex; flex-direction: column; } #swatch .info{ padding: 1em; } #swatch h1{ margin: 0; text-transform: uppercase; } #swatch h2{ font-weight: normal; margin: 0; } input[type="color"] { appearance: none; -moz-appearance: none; -webkit-appearance: none;.........完整代码请登录后点击上方下载按钮下载查看
网友评论0