fountainG

Üyelerimizin de gönüllü katkıları ile phpbb desteği verilmektedir.

Moderatör: kaptangula

Forum kuralları
Burada paylaşılan kodlar, (Kod size ait değilse) başka bir sitede referans gösterilmeden paylaşılamaz. Aynı Şekilde, başka sitelerden alıntı yapılan kodlar için referans gösterilerek kod paylaşılmalıdır.
Cevapla
Kullanıcı avatarı
kaptangula
Moderatör
Moderatör
Mesajlar: 41
Kayıt: 23 May 2012, 20:21
İletişim:

fountainG

Mesaj gönderen kaptangula »

End fountainG css animasyon noktalar
Css

Kod: Tümünü seç

/* ------------------------ fountainG 50 newest topics loader/refresh colors ------------------------------------------ */

#fountainG{
	position:relative;
	width:150px;
	height:10px;
	margin:auto;
}

.fountainG{
	position:absolute;
	top: 2px;
	background-color:rgb(0,0,0);
	width:10px;
	height:10px;
	animation-name:bounce_fountainG;
		-o-animation-name:bounce_fountainG;
		-ms-animation-name:bounce_fountainG;
		-webkit-animation-name:bounce_fountainG;
		-moz-animation-name:bounce_fountainG;
	animation-duration:1.9s;
		-o-animation-duration:1.9s;
		-ms-animation-duration:1.9s;
		-webkit-animation-duration:1.9s;
		-moz-animation-duration:1.9s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
	transform:scale(.3);
		-o-transform:scale(.3);
		-ms-transform:scale(.3);
		-webkit-transform:scale(.3);
		-moz-transform:scale(.3);
	border-radius:19px;
		-o-border-radius:19px;
		-ms-border-radius:19px;
		-webkit-border-radius:19px;
		-moz-border-radius:19px;
}

#fountainG_1{
	left:10px;
	animation-delay:0.6s;
		-o-animation-delay:0.6s;
		-ms-animation-delay:0.6s;
		-webkit-animation-delay:0.6s;
		-moz-animation-delay:0.6s;
}

#fountainG_2{
	left:29px;
	animation-delay:0.75s;
		-o-animation-delay:0.75s;
		-ms-animation-delay:0.75s;
		-webkit-animation-delay:0.75s;
		-moz-animation-delay:0.75s;
}

#fountainG_3{
	left:58px;
	animation-delay:0.9s;
		-o-animation-delay:0.9s;
		-ms-animation-delay:0.9s;
		-webkit-animation-delay:0.9s;
		-moz-animation-delay:0.9s;
}

#fountainG_4{
	left:88px;
	animation-delay:1.05s;
		-o-animation-delay:1.05s;
		-ms-animation-delay:1.05s;
		-webkit-animation-delay:1.05s;
		-moz-animation-delay:1.05s;
}

#fountainG_5{
	left:117px;
	animation-delay:1.2s;
		-o-animation-delay:1.2s;
		-ms-animation-delay:1.2s;
		-webkit-animation-delay:1.2s;
		-moz-animation-delay:1.2s;
}

#fountainG_6{
	left:146px;
	animation-delay:1.35s;
		-o-animation-delay:1.35s;
		-ms-animation-delay:1.35s;
		-webkit-animation-delay:1.35s;
		-moz-animation-delay:1.35s;
}

#fountainG_7{
	left:175px;
	animation-delay:1.5s;
		-o-animation-delay:1.5s;
		-ms-animation-delay:1.5s;
		-webkit-animation-delay:1.5s;
		-moz-animation-delay:1.5s;
}

#fountainG_8{
	left:205px;
	animation-delay:1.64s;
		-o-animation-delay:1.64s;
		-ms-animation-delay:1.64s;
		-webkit-animation-delay:1.64s;
		-moz-animation-delay:1.64s;
}

@keyframes bounce_fountainG{
	0%{
	transform:scale(1);
		background-color:rgb(242, 245, 93);
	}

	100%{
	transform:scale(.3);
		background-color:transparent;
	}
}

@-o-keyframes bounce_fountainG{
	0%{
	-o-transform:scale(1);
		background-color:rgb(242, 245, 93);
	}

	100%{
	-o-transform:scale(.3);
		background-color:transparent;
	}
}

@-ms-keyframes bounce_fountainG{
	0%{
	-ms-transform:scale(1);
		background-color:rgb(242, 245, 93);
	}

	100%{
	-ms-transform:scale(.3);
		background-color:transparent;
	}
}

@-webkit-keyframes bounce_fountainG{
	0%{
	-webkit-transform:scale(1);
		background-color:rgb(242, 245, 93);
	}

	100%{
	-webkit-transform:scale(.3);
		background-color:transparent;
	}
}

@-moz-keyframes bounce_fountainG{
	0%{
	-moz-transform:scale(1);
		background-color:rgb(242, 245, 93);
	}

	100%{
	-moz-transform:scale(.3);
		background-color:transparent;
	}
}
/* #information_server {
color: #FFF;
} */

/* ------------------------ End fountainG  -------------------------- */
Html uzantı

Kod: Tümünü seç

&nbsp; <i id="fountainG">
	<div id="fountainG_1" class="fountainG"></div>
	<div id="fountainG_2" class="fountainG"></div>
	<div id="fountainG_3" class="fountainG"></div>
	<div id="fountainG_4" class="fountainG"></div>
	<div id="fountainG_5" class="fountainG"></div>
	<div id="fountainG_6" class="fountainG"></div>
	<div id="fountainG_7" class="fountainG"></div>
	<div id="fountainG_8" class="fountainG"></div>
</i>
Dosya ekleri
IMG_20210702_235208.jpg
IMG_20210702_235208.jpg (15.53 KiB) 1041 kere görüntülendi
☪ www.sambah.net ☪
Resim
Resim
Cevapla
Disable

“Phpbb3 Destek” sayfasına dön