saydam kenar çizgisi

saydam kenar çizgisi

by fatihhayri

HTML

<p id="popup">
    Deneme
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ipsum urna, mattis non interdum ut, facilisis quis enim. Pellentesque viverra sodales facilisis. Mauris nec nisi sed nisl accumsan consectetur id vel arcu. Ut vulputate eleifend congue. Phasellus ultricies velit in elit placerat eu viverra nulla venenatis. Quisque consectetur, nunc vel suscipit accumsan, ligula magna ultrices diam, nec dapibus augue odio eget velit. Nam egestas tincidunt ipsum, nec elementum purus ultricies ut. Praesent quis faucibus ipsum.</p>

<p>Fusce sit amet sem arcu, nec tempor dui. Integer semper suscipit nisl in pulvinar. Ut sed tristique libero. Mauris gravida leo sed orci egestas tristique pellentesque nibh placerat. Aenean tincidunt nulla id sapien venenatis commodo. Vivamus varius lacus pulvinar nibh tincidunt malesuada. Nunc aliquam, arcu dictum dapibus ullamcorper, lectus mauris venenatis sem, consectetur egestas velit tellus sed justo. Suspendisse ornare, lacus vitae suscipit adipiscing, magna mi bibendum ante, eget elementum orci diam ut nisl. Proin vitae porta risus. Fusce auctor condimentum augue at molestie. Praesent tempus augue eu magna facilisis scelerisque. Ut nisi libero, blandit nec aliquet eu, euismod non mi. Aliquam tempus odio at velit blandit eu facilisis lorem tempor.</p>

<p>Vestibulum ac tortor augue. In hac habitasse platea dictumst. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Sed at felis sit amet eros accumsan vestibulum. Nam rutrum semper turpis, pharetra sollicitudin enim imperdiet in. Donec posuere convallis nisl eget aliquam. Sed vel nulla metus. Etiam scelerisque ultrices arcu. Maecenas commodo pulvinar mauris quis rutrum. Mauris quis ipsum magna. Vestibulum consectetur risus in felis ultricies hendrerit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi est est, sollicitudin in dignissim...

CSS

p{
  width:480px;
  margin:0 auto;
  position:relative;
}
#popup{
  position:absolute;
  top:90px;
  left:40%;
  border:10px solid rgba(0,0,0, 0.5);
  text-align:center;
  font-size:24px;
  background-color:#FFFFFF;
  width:350px;
  padding:50px 0;
  border-radius:10px;
  z-index:100;
}