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"> </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
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('
Ziyaretçiler için gizlenmiş link,görmek için
Giriş yap veya üye ol.
* {
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"> </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
