Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.
text-shadow: #2b65ec 1px 1px 30px;
color: #7F00FF;
font-weight: bold;
animation: blink 5s infinite;
-moz-animation: blink 5s infinite;
-webkit-animation: blink 5s infinite;
-ms-animation: blink 5s infinite;
-o-animation: blink 5s infinite;
@keyframes blink {
0% {
color: #7F00FF;
}
25% {
color: #7FB2FF;
}
50% {
color: #46DDFF;
}
100% {
color: #7F00FF;
}
}
background: linear-gradient(270deg, #246655, #662a24, #34aa96, #34aa96);
background-size: 800% 800%;
-webkit-animation: AnimationName 17s ease infinite;
-moz-animation: AnimationName 17s ease infinite;
animation: AnimationName 17s ease infinite;
@-webkit-keyframes AnimationName {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@keyframes AnimationName {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
Olmadı. renk degiştirmiyordaCSS Gradient Animator bu site sayesinde hiç bir css bilginiz bile olmasa gradient animasyonlu yazılar yazabilirsiniz.
Renk ilaveleri, animasyon döngüleri (sağdan sola ve ya soldan sağa) hız gibi ayarları yapabilirsiniz yaptığınız animasyonların kodlarını ilk önce vermek istediğiniz kullanıcı grubu css-ine örn:
CSS:background: linear-gradient(270deg, #246655, #662a24, #34aa96, #34aa96); background-size: 800% 800%; -webkit-animation: AnimationName 17s ease infinite; -moz-animation: AnimationName 17s ease infinite; animation: AnimationName 17s ease infinite;
atıyorsunuz daha sonra extra.less şablonunada altında vermiş olduğu web kitleri atıyorsunuz
CSS:@-webkit-keyframes AnimationName { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @-moz-keyframes AnimationName { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @keyframes AnimationName { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} }
Bilgi: animasyon isimleri ile webkit isimleri aynı olması lazım eğer farklı bir animasyon yapacaksanız 1 den ilave isimlerinde değişkenlik olması lazım animasyon ismi üstte attığımda örnek : AnimationName - dir
Yaptığınız işlemelerin ekran görütülerini eklermisiniz.Olmadı.Ekli dosyayı görüntüle 10410 renk degiştirmiyorda
text-shadow: #2b65ec 1px 1px 30px;
color: #7F00FF;
font-weight: bold;
animation: blink 5s infinite;
-moz-animation: blink 5s infinite;
-webkit-animation: blink 5s infinite;
-ms-animation: blink 5s infinite;
-o-animation: blink 5s infinite;
@keyframes blink {
0% {
color: #7F00FF;
}
25% {
color: #7FB2FF;
}
50% {
color: #46DDFF;
}
100% {
color: #7F00FF;
}
}
Teşekkürler eTiKeT™ konu kilitKullanıcı grubu
CSS:text-shadow: #2b65ec 1px 1px 30px; color: #7F00FF; font-weight: bold; animation: blink 5s infinite; -moz-animation: blink 5s infinite; -webkit-animation: blink 5s infinite; -ms-animation: blink 5s infinite; -o-animation: blink 5s infinite;
extra.less
CSS:@keyframes blink { 0% { color: #7F00FF; } 25% { color: #7FB2FF; } 50% { color: #46DDFF; } 100% { color: #7F00FF; } }
bunu denermisiniz kendi kullandığım ve sorunsuz çalışıyor
Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.
Bu sitenin çalışması için temel çerezleri ve deneyiminizi geliştirmek için isteğe bağlı çerezleri kullanıyoruz.