泽皓_纯css3制作渐变背景颜色切换代码

泽皓_纯css3制作渐变背景颜色切换代码 最后编辑:2020-07-29
增值服务: 自动发货 使用说明 安装指导 环境配置技术支持BUG修复
@charset "utf-8";* { box-sizing: border-box; outline: none;}body { font-family: 'Open Sans'; font-size: 100%; font-weight: 300; line-height: 1.5em; text-align: center;}h1 { color: #666666; font-size: 2rem; line-height: 1.5em; margin: 2em 0 2em 0;}.box { margin: 1rem; width: 18.75rem;}.box img { width: 100%;}.btn { border: none; color: white; overflow: hidden; margin: 1rem; padding: 0; text-transform: uppercase; width: 150px; height: 40px; cursor:pointer;}.btn.color-1 { background-color: #426fc5;}.btn.color-2 { background-color: #00897b;}.btn.color-3 { background-color: #f6774f;}.btn.color-4 { background-color: #e94043;}.btn-border.color-1 { background-color: transparent; border: 2px solid #426fc5; color: #426fc5;}.btn-border.color-2 { background-color: transparent; border: 2px solid #00897b; color: #00897b;}.btn-border.color-3 { background-color: transparent; border: 2px solid #f6774f; color: #f6774f;}.btn-border.color-4 { background-color: transparent; border: 2px solid #e94043; color: #e94043;}.btn-round { border-radius: 10em;}.material-design { position: relative;}.material-design canvas { opacity: 0.25; position: absolute; top: 0; left: 0;}.container { align-content: center; align-items: flex-start; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; margin: 0 auto; max-width: 46rem;}

全选代码

部分代码演示如上:

图片演示:

 

 

猜你在找

①本网站资源来源于网络收集,如有侵权,请联系站长进行删除处理。
② 分享目的仅供大家学习和交流,请不要用于商业用途,否则后果自负。
③ 本站提供的源码、模板、插件等等其他资源,不包含技术服务请大家谅解。
④ 在您的能力范围内,为了大环境的良性发展,请尽可能的选择正版资源。
⑤ 本站资源包如果有密码,统一解压密码:www.rclou.cn


二层楼源码网 » 泽皓_纯css3制作渐变背景颜色切换代码
  • 2020-07-29Hi,初次和大家见面了,请多关照!

售后服务:

  • 售后服务范围 1、商业模板使用范围内问题免费咨询
    2、源码安装、模板安装(一般 ¥20-100元)服务答疑仅限SVIP用户
    3、单价超过20元的模板免费一次安装,需提供服务器信息。
    付费增值服务 1、提供dedecms模板、WordPress主题、discuz模板优化等服务请详询在线客服
    2、承接 WordPress、DedeCMS、Discuz 等系统建站、仿站、开发、定制等服务
    3、服务器环境配置(一般 ¥20-100)SVIP用户免费
    4、网站BUG处理(需额外付费,10元/次/解决后付费)
    售后服务时间 周一至周日(法定节假日除外) 9:00-23:00
    免责声明 本站所提供的模板(主题/插件)等资源仅供学习交流,若使用商业用途,请购买正版授权,否则产生的一切后果将由下载用户自行承担,有部分资源为网上收集或仿制而来,若模板侵犯了您的合法权益,请来信通知我们(Email: 208524822@qq.com),我们会及时删除,给您带来的不便,我们深表歉意!
  • 155会员总数(位)
  • 2427资源总数(个)
  • 16本周发布(个)
  • 7 今日发布(个)
  • 225稳定运行(天)