Web sitelerinde gördüğümüz gözlerimizi büyüleyen lightbox uygulamalarını bir kaç satır basit css kodları ile sitelerinizde uygulanabilir kılmak mümkün, eğer çok fazla efekt olaylarına girmesemde olur diyorsanız aşağıdaki css kodları ve ve örnek uygulamayı inceleyebilirsiniz.
Css style kodları
<style>
.siyah{
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
.beyaz {
display: none;
position: absolute;
top: 25%;
left: 25%;
width: 50%;
height: 50%;
padding: 16px;
border: 16px solid orange;
background-color: white;
z-index:1002;
overflow: auto;
}
</style>
HTML dosyanıza eklemeniz gereken
...more»
RSS Feeds