CSS 방사형 그래디언트 그래디언트 그라디언트를 모달 오버레이 배경으로 사용했습니다.

나는 제대로 할 수 없었습니다. 나는 애플사와 비슷한 방사형 그래디언트 오버레이를 원하지만, 내가 한 일은 가까이에서 보일 수 없었다. 센터 서클의 반지름을 25 %로 지정하고 싶지만 350px 반지름으로 조정할 수 있습니다.CSS 방사형 그래디언트 그래디언트 그라디언트를 모달 오버레이 배경으로 사용했습니다.

출처

2011-02-26 Geek Devigner

그들은 이렇게 좋아하지 만 최신 버전 사용자는 <canvas>입니다. IE 나 오페라, 당신은 투명 PNG가 필요합니다 위해 (아래의 CSS 코드에 포함되지 않음) 하는 것으로

HTML :

<html> 
<head> 
    <link rel="stylesheet" href="gogo.css" type="text/css" media="screen" title="no title" charset="utf-8"> 
</head> 
<body class=" bg"> 
<div class="radialbg"> 
HEELO WORLD 
</div> 
</body> 
</html>

CSS :

body { 
    margin: 0; 
    padding: 0; 
} 

.bg { 
    background: url(pattern.jpeg) repeat; 
} 

.radialbg { 
    background: transparent -webkit-gradient(radial, center center, 50, center center, 460, from(transparent), to(#000)); 
    background: -moz-radial-gradient(circle, transparent, #000); 
    width: 100%; 
    height: 100%; 
}

출처

2011-08-14 15:19:55

CSS 방사형 그래디언트 그래디언트 그라디언트를 모달 오버레이 배경으로 사용했습니다.

답변

관련 문제