Sitenizin <body> etiketlerin arasına yapıştırarak kullanabilirsiniz.
İçeriği görüntülemek için Giriş yapın veya Kayıt olun.
|
Kod Basit Html Kar Yağdırma Kodu
- Konuyu Başlatan Zaza Kral
- Başlangıç tarihi
-
- Etiketler
- kar yağdırma efekti kar yağdırma kodu
coderxrays
- 23 Ocak 2022
- 1,070 Mesaj
Teşekkürler
ZahirCoder
- 25 Ağu 2017
- 5,190 Mesaj
- TIM Görevleri
- 1
Teşekkürler
leolnaticxae
- 17 Şub 2024
- 6,046 Mesaj
teşekkürler
admininizxj
- 25 Nis 2019
- 121 Mesaj
Teşekkürler
Teşekkürler hocam
Stronger_Cracker
- 25 Tem 2022
- 6,396 Mesaj
saol
sağol
yusufuzun1
- 26 Ocak 2024
- 2,091 Mesaj
Teşekürler
ozkan.altass
- 4 Eki 2021
- 637 Mesaj
Teşekkur ederim.
echelonvanta
- 22 May 2025
- 56 Mesaj
Teşekürler
Merhaba, HTML tek başına kar yağdırma efekti sağlamaz. Bunun için CSS ve JavaScript kullanabilirsiniz. İşte basit bir örnek:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Kar Yağdırma</title>
<style>
body {
margin: 0;
background: #000;
overflow: hidden;
}
.kar {
position: absolute;
top: -10px;
width: 8px;
height: 8px;
background: white;
border-radius: 50%;
opacity: 0.8;
animation: dust 10s linear infinite;
}
@keyframes dust {
to {
transform: translateY(100vh) translateX(50px);
opacity: 0;
}
}
</style>
</head>
<body>
<script>
function karYagdir() {
for (let i = 0; i < 100; i++) {
const kar = document.createElement('div');
kar.className = 'kar';
kar.style.left = Math.random() * 100 + 'vw';
kar.style.animationDuration = (5 + Math.random() * 5) + 's';
document.body.appendChild(kar);
}
}
karYagdir();
</script>
</body>
</html>
```
Bu kod, sayfaya rastgele noktalarda kar parçacıkları ekler ve yağmur gibi düşmelerini sağlar. Daha gelişmiş efektler veya farklı özellikler istersen, eklemeler yapabilirim.
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Kar Yağdırma</title>
<style>
body {
margin: 0;
background: #000;
overflow: hidden;
}
.kar {
position: absolute;
top: -10px;
width: 8px;
height: 8px;
background: white;
border-radius: 50%;
opacity: 0.8;
animation: dust 10s linear infinite;
}
@keyframes dust {
to {
transform: translateY(100vh) translateX(50px);
opacity: 0;
}
}
</style>
</head>
<body>
<script>
function karYagdir() {
for (let i = 0; i < 100; i++) {
const kar = document.createElement('div');
kar.className = 'kar';
kar.style.left = Math.random() * 100 + 'vw';
kar.style.animationDuration = (5 + Math.random() * 5) + 's';
document.body.appendChild(kar);
}
}
karYagdir();
</script>
</body>
</html>
```
Bu kod, sayfaya rastgele noktalarda kar parçacıkları ekler ve yağmur gibi düşmelerini sağlar. Daha gelişmiş efektler veya farklı özellikler istersen, eklemeler yapabilirim.