cssdesignlife

Duyuru Panosu

Duyuru

Cssdesignlife sitemize hoşgelidniz. Sitemiz güncellenmiştir, yeni kodları kaçırmayın!

Aşağıdaki kodu sitenizin kaynak bölümüne ekleyiniz.
NOT: Kod güncel ve çalışmaktadır.

<div class="kddtop"> <div class="kddtut"> <p>          <b>Duyuru</b><br/><br/>   Cssdesignlife sitemize hoşgelidniz. Sitemiz güncellenmiştir, yeni kodları kaçırmayın!         <style>   .kddtop {       right:16px;              width: 300px;   min-height:180px;   background: transparent;   margin: 0 auto;   position: fixed;   font-family:Arial, sans-serif !important;   border-radius:3px;   -webkit-border-radius:3px;   bottom: 16px;   overflow: hidden;box-shadow: 0px 1px 4px transparent; z-index:900;} .kdtutkdrs{   margin:0px;padding:0px;border:none;text-decoration:none;display:block;width:90px;height:18px;background:transparent url(http://3.bp.blogspot.com/-MHH2O2mO5m8/T6UsNCyesCI/AAAAAAAAHhg/s7iG_hDCqg0/s1600/kd32.png);opacity:0.4;filter:alpha(opacity=40);position:absolute;top:0px;left:-56px;z-index:60200; } .kddtop p{width:0px;height:0px;overflow:hidden;opacity:0;position:relative;padding:16px 0 0 20px;z-index:5;margin:0 0 0 0; color:rgba(0,0,0,0);} .kddtop:hover p{display:block; width:100%;height:100%;opacity:1;color:#fff;   transition:opacity 1s 0.4s ease; } .kddtop:before {   content: "?";   position: absolute;   line-height: 1150px;     text-align: center;     color: #fff;     font-weight: bold;     font-size: 760px;   z-index:1;   width: 1100px;   height: 1100px;   background: #F44336;   border-radius: 50%;   top: 100%;   left: 50%;   -webkit-transform: translate3d(-50%, -50%, 0) scale(0.035);   transform: translate3d(-50%, -50%, 0) scale(0.035);   -webkit-animation: .5s bounce infinite alternate-reverse;   animation: .5s bounce infinite alternate-reverse;   -webkit-transition: .5s -webkit-transform ease, .5s color ease;   transition: .5s transform ease, .5s color ease; } .kddtop:after {   content: "";   position: absolute;   left: 133px;   right: 133px;   bottom: 0;   height: 15px;   background: rgba(0, 0, 0, 0.5);   border-radius: 50%;   -webkit-transition: .3s opacity ease;   transition: .3s opacity ease;   -webkit-animation: .5s shadow infinite alternate-reverse;   animation: .5s shadow infinite alternate-reverse; } .kddtop:hover {   box-shadow: 0px 5px 4px rgba(0, 0, 0, 0.3);   -webkit-transition: .5s all ease .25s;   transition: .5s all ease .25s; }     .kddtop:hover:before { color: #F44336; top: 100%; -webkit-transform: translate3d(-50%, -50%, 0) scale(1); transform: translate3d(-50%, -50%, 0) scale(1); -webkit-transition: .3s top ease, .5s -webkit-transform ease .25s, .5s color ease .25s; transition: .3s top ease, .5s transform ease .25s, .5s color ease .25s; } </style> <a class="kdtutkdrs" href="http://www.koddostu.com/" _fcksavedurl="http://www.koddostu.com/" onfocus_fckprotectedatt="%20onfocus%3D%22this.blur()%3B%22" target="_blank"> </a> <style> .kddtop:hover:after { opacity: 0; } .kddtop:hover .kddtut:before { width: 50px; -webkit-transition: .3s all ease 1.25s; transition: .3s all ease 1.25s; } .kddtop .kddtut { padding: 0 35px 5px 0; box-sizing: border-box; display: block; position: relative; opacity: 1; text-align: center; } .kddtop .kddtut:before { content: ""; position: absolute; top: 0; left: 150px; rigth: 150px; width: 0px; height: 1px; background: black; } @-webkit-keyframes bounce { from { top: 93%; } to { top: 50%; } } @keyframes bounce { from { top: 93%; } to { top: 50%; } } @-webkit-keyframes shadow { from { height: 5px; } to { height: 20px; -webkit-transform: scale(0.3); transform: scale(0.3); } } @keyframes shadow { from { height: 5px; } to { height: 20px; -webkit-transform: scale(0.3); transform: scale(0.3); } }</style> </p> </div> </div> <script src="https://www.koddostu.com/duzelt.js?no=287"></script>

Duyuru Panosu

cssdesignlife.tr.gg