zoukankan      html  css  js  c++  java
  • css 弧度

    style
    
    .head-bg {
    				position: absolute;
    				height: 1.9rem;
    				 100%;  
    				overflow: hidden;
    				z-index: -1;
    				
    			} 
    .head-bg .bgImg{ 
    				position: absolute;  
    				content: '';
    				z-index: 1;
    				height: 2.5rem;
    				top: -.6rem;
    				left: -75%;
    				 250%;
    				border-radius: 50%; 
    				overflow: hidden;
    			}
    .head-bg .bgImg:after{
    				position: absolute;  
    				content: '';filter:blur(10px);   //模糊
    				z-index: 1;
    				height: 3.9rem;
    				top: -1rem;
    				left: 0;
    				 100%;
    				background: url(https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1536115840&di=9fbd7bb1fd052bceb0b3c47833e4c084&imgtype=jpg&er=1&src=http%3A%2F%2Ffile25.mafengwo.net%2FM00%2F0A%2FAC%2FwKgB4lMC26CAWsKoAALb5778DWg60.rbook_comment.w1024.jpeg) no-repeat center;
    				background-size:200%;
    			}
    
    
    
    html
    <div class="head-bg"><div class="bgImg"></div></div>
    

      

     
  • 相关阅读:
    第二章--MYSQL体系结构和管理
    第一章 -- MySQL简介及安装
    CentOS 7.5静默安装oracle 11g
    tomcat日志
    配置常用远程源
    mybatis与ibatis--个人总结。
    单纯的简单的ibatis
    一些缩写词
    单纯的简单的mybatis有注解
    单纯的简单的mybatis无注解
  • 原文地址:https://www.cnblogs.com/yjgbk/p/9552997.html
Copyright © 2011-2022 走看看