Beyaz-Efektli-Menu-Kodu-1

KodSeo Beyaz Efektli Menü Kodu 1

(Version: KS BEM1)

Örnek:

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

Kod:

<ul class="sonarmenu">
<li><a href="http://www.KodSeo.tr.gg">KodSeo.tr.gg</a></li>
<li><a href="http://www.KodSeo.tr.gg">Site Kodları</a></li>
<li><a href="http://www.KodSeo.tr.gg">Site Analiz</a></li>
<li><a href="http://www.KodSeo.tr.gg">Online Araçlar</a></li>
<li><a href="http://www.KodSeo.tr.gg">Sitene Ekle</a></li>
</ul>
<style>

ul.sonarmenu{ 
	list-style: none;
}

ul.sonarmenu li{
 display: inline;
}

ul.sonarmenu a{
	position: relative;
	display: inline-block;
	color: black; 
	text-decoration: none;
	margin: 10px 20px;
	font-family: 'Raleway', sans-serif; 
	font-size: 22px; 
	letter-spacing: 2px;
	border-bottom: 2px solid transparent; 
}

ul.sonarmenu a:hover, ul.sonarmenu a:focus{
	outline: none;
	border-bottom: 2px solid #eee; 
}

ul.sonarmenu a::before, ul.sonarmenu a:after{ 
	position: absolute;
	top: 50%;
	left: 50%;
	width: 70px; 
	height: 70px; 
	border: 12px double rgba(0,0,0,0.1); 
	border-radius: 50%;
	content: '';
	opacity: 0;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
	-moz-transform: translateX(-50%) translateY(-50%) scale(0.2);
	transform: translateX(-50%) translateY(-50%) scale(0.2);
}

ul.sonarmenu a:after{ 
	width: 60px; 
	height: 60px; 
	border-width: 6px;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
	-moz-transform: translateX(-50%) translateY(-50%) scale(0.8);
	transform: translateX(-50%) translateY(-50%) scale(0.8);
}

ul.sonarmenu a:hover:before, ul.sonarmenu a:hover:after{
	-webkit-animation: pulsate 1.2s infinite; 
	-moz-animation: pulsate 1.2s infinite;
	-ms-animation: pulsate 1.2s infinite;
	animation: pulsate 1.2s infinite;
}

@-webkit-keyframes pulsate{

30%{
	opacity: 1;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
  }

100%{
	opacity: 0.3;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(0.5);
	}

}

@-moz-keyframes pulsate{

30%{
	opacity: 1;
	-moz-transform: translateX(-50%) translateY(-50%) scale(1);
  }

100%{
	opacity: 0.3;
	-moz-transform: translateX(-50%) translateY(-50%) scale(0.5);
	}

}

@-ms-keyframes pulsate{

30%{
	opacity: 1;
	-ms-transform: translateX(-50%) translateY(-50%) scale(1);
  }

100%{
	opacity: 0.3;
	-ms-transform: translateX(-50%) translateY(-50%) scale(0.5);
	}

}

@-keyframes pulsate{

30%{
	opacity: 1;
	transform: translateX(-50%) translateY(-50%) scale(1);
  }

100%{
	opacity: 0.3;
	transform: translateX(-50%) translateY(-50%) scale(0.5);
	}

}
</style><noscript><a href="http://KodSeo.tr.gg"></a></noscript>

Kez Okundu

Tüm Sayfalar Toplam 761880 Kez Okundu. Bugün 139 ziyaretçi buradaydı.

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

Kod Seo

Beyaz-Efektli-Menu-Kodu-1

KodSeo Beyaz Efektli Menü Kodu 1