Welcome to Flatcast.Biz

Join us now to get access to all our features. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, and so, so much more. It's also quick and totally free, so what are you waiting for?

GRAFIK html.css tek sayfa calismasi ziplayan yazi

ceycey

Üye
Üye
Katılım
8 Mar 2024
Mesajlar
55
Reaksiyon puanı
97
Puanları
70
Yaş
54
Konum
insan
Web sitesi
myboncuk.free.nf
WebSite
Siteye Git
cok ugrasdim bukadari oldu
html meta bölümde yukard sunu ekliyoz
<link rel="stylesheet" href="style.css" />

ve eyni html sayfasinda metanin altnda <style> buranin arasina </style>
@import url('

* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
height: 100vh;
background-color: #000000;

display: flex;
align-items: center;
justify-content: center;
}

.text-container {
position: relative;
font-size: 2.25em;
-webkit-box-reflect: below -40px linear-gradient(transparent, rgba(0, 0, 0, 0.25));
}

.text-container span {
position: relative;
display: inline-block;
color: #ee1289;
font-family: 'Merienda One', cursive;
animation: jumpingTextAnim 2s infinite ease;
animation-delay: calc(0.1s * var(--text));
}

@keyframes jumpingTextAnim {
0%, 40%, 100% {
transform: translateY(0);
}

20% {
transform: translateY(-20px);
}
}

ekliyorus

simdide en asada <body> buranin arasina yazcamizi ekliyoruz </body>
<div class="text-container">
<span style="--text:1">R</span>
<span style="--text:2">a</span>
<span style="--text:3">d</span>
<span style="--text:4">y</span>
<span style="--text:5">o</span>
<span style="--text:6">&nbsp;</span>
<span style="--text:7">D</span>
<span style="--text:8">i</span>
<span style="--text:9">n</span>
<span style="--text:10">l</span>
<span style="--text:11">e</span>

</div>




benim yapdigim sade code ekleme css anlamiyorum
beykin bir kac arkadasin isine yarar
cok iyi olmadi :)
:p
 

Ekli dosyalar

  • jumping .txt.html
    1.7 KB · INDIRME: 1
Güzel paylaşım için emegine yüregine saglik tesekkürler
 
Emeginize sağlık paylaşım için teşekkür ederim
 
Emegine yüregine saglık harika paylasım icin cok tesekkürler.. tebrikler
 
Üst Alt