Türkiye'nin en güncel forumlardan olan forumdas.com.tr'de forumda aktif ve katkısı olabilecek kişilerden gönüllü katkıda sağlayabilecek kişiler aranmaktadır.
edwardo
FD Üye
HTML ve css ile metin üzerindeki efekt kodu
Öncelikle, metninizi bir HTML belgesinde yazmanız gerekir. Metninizi bir <div> etiketi içine yerleştirin ve bir id verin.
Örneğin:
Ardından, CSS kullanarak metninize efektler ekleyebilirsiniz. Örneğin, metninizi hareketli hale getirebilirsiniz.
Bu kod, metninizi sağa doğru 50 piksel kaydıracak ve ardından tekrar başa dönecektir. "infinite" özelliği, animasyonun sonsuz kez tekrarlanacağı anlamına gelir.
Başka bir örnek olarak, metninize gölge efekti ekleyebilirsiniz.
Bu kod, metninize hafif bir gölge efekti verecektir.
Son olarak, metninize renkli bir arka plan ekleyebilirsiniz.
Bu kod, metninizi kırmızı bir arka plana ve beyaz renkli yazıya sahip yapacaktır.
Tüm bu efektleri bir araya getirerek, metninizi daha ilgi çekici hale getirebilirsiniz.
Öncelikle, metninizi bir HTML belgesinde yazmanız gerekir. Metninizi bir <div> etiketi içine yerleştirin ve bir id verin.
Örneğin:
HTML:
<div id="metin">Merhaba Dünya!</div>
CSS:
#metin {
animation: hareket 2s infinite;
}
@keyframes hareket {
0% { transform: translateX(0); }
50% { transform: translateX(50px); }
100% { transform: translateX(0); }
}Bu kod, metninizi sağa doğru 50 piksel kaydıracak ve ardından tekrar başa dönecektir. "infinite" özelliği, animasyonun sonsuz kez tekrarlanacağı anlamına gelir.
Başka bir örnek olarak, metninize gölge efekti ekleyebilirsiniz.
CSS:
#metin {
text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}Bu kod, metninize hafif bir gölge efekti verecektir.
Son olarak, metninize renkli bir arka plan ekleyebilirsiniz.
CSS:
#metin {
background-color: #ff0000;
color: #ffffff;
}Bu kod, metninizi kırmızı bir arka plana ve beyaz renkli yazıya sahip yapacaktır.
Tüm bu efektleri bir araya getirerek, metninizi daha ilgi çekici hale getirebilirsiniz.
