0
Sayfanın altından en üste bir ip (dikey siyah çizgi olacak) tarafından çekildiği göründüğü bir logo için animasyon yapmaya çalışıyorum.Satır kaybolması için css animasyonu
İp yükseldikten sonra ipin logonun arkasından kaybolması durumunda bunu yapmak isterdim ama nasıl yapılacağından emin değilim.
CSS çevirilerini nasıl yapacağımı biliyorum, böylece logoyu hareket ettirmek gayet iyi, sadece emin olmadığım ip bölümü.
CSS'yi tercih ederim ama javascript sorun değil.
Teşekkür
DÜZENLEME: Şimdiye kadar CSS ve HTML bazı ekleme:
body {
background-color: White;"
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}
li {
display: inline-block;
}
li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
margin: 0
}
li a:hover:not(.active) {
background-color: blue;
}
.active {
background-color: #4CAF50;
}
p.one {
color: black;
font-family: arial;
padding-top: 50px;
align="center";
}
</style>
</head>
<body>
<ul>
<li><a class="active" href="#home">Home</a></li>
<li><a href="#Products">Our Products</a></li>
<li><a href="#Contact">Contact</a></li>
</ul>
<h1>Home</h1>
<p class="one", align="center">Text</p>
Zaten sahip olduğunuz bazı kodları gönderebilecek misiniz, eğer uygun olmazsa? Ardından ip kodunu nereye koyacağınızı belirtin?^-__-^ –
Yığın Taşması'na Hoş Geldiniz. Bu bir istek gibi görünüyor ve hiç de bir soru değil. Lütfen göndermeden önce [yardım merkezi] 'ni (http://stackoverflow.com/help/asking) okuyun. – Boaz
@PeterDavidCarter Merhaba, sadece bir saat önce bu sayfayı başlattı, bu yüzden gerçekten çok az. :) Merkezde olmasını ve h1 ile nav bar arasındaki merkezde olmasını isterim, teşekkürler! – Gg8