3D-Css-Buton-Kodu-1

KodSeo 3D Css Buton Kodu 1

(Version: KS 3DB1)

Örnek:

Örnek Yok. Önizlemeyi Gör'e Tıklayın.

Kod:

<a href="#http://KodSeo.tr.gg" class="css3dbutton">KodSeo.tr.gg</a>
<noscript><a href="http://KodSeo.tr.gg"></a></noscript>
<style>
a.css3dbutton {background: darkred; color: white;text-decoration: none;font: bold 28px Arial; position: relative; top: 0; bottom: -12px; margin-bottom: 12px;-moz-box-shadow: 0 -15px 5px darkred inset;-webkit-box-shadow: 0 -15px 5px darkred inset;box-shadow: 0 -15px 5px darkred inset;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}

a.css3dbutton, a.css3dbutton:after {display: inline-block;padding: 10px 15px;-moz-border-radius: 8px/15px;-webkit-border-radius: 8px/15px;border-radius: 8px/15px;outline: none;}

a.css3dbutton:after {content: "";position: absolute;padding: 0;z-index: -1;bottom: inherit;left: 0;width: 100%;height: 100%;background: #6e0e0c;-moz-box-shadow: 1px 0 3px gray;-webkit-box-shadow: 1px 0 3px gray;box-shadow: 1px 0 3px gray;}

a.css3dbutton:hover {-moz-box-shadow: 0 25px 5px rgba(182, 64, 61, 0.7) inset;
-webkit-box-shadow: 0 25px 5px rgba(182, 64, 61, 0.7) inset; box-shadow: 0 25px 5px rgba(182, 64, 61, 0.7) inset; background: #bc3835;}

a.css3dbutton:active {top: 12px; bottom: 0;-moz-box-shadow: 0 -20px 5px darkred inset, 1px 1px 2px #eee; -webkit-box-shadow: 0 -20px 5px darkred inset, 1px 1px 2px #eee; box-shadow: 0 -20px 5px darkred inset, 1px 1px 2px #eee;}
</style>

Kez Okundu

Tüm Sayfalar Toplam 761903 Kez Okundu. Bugün 160 ziyaretçi buradaydı.

Sitemiz En İyi Google Chrome'da Görüntülenir.

Kod Seo

3D-Css-Buton-Kodu-1

KodSeo 3D Css Buton Kodu 1