Reklam gösterimini engelleyici yazılım kullandığınızı görüyoruz.
Sitemizin ayakta kalıp sizlere hizmet edebilmek için en büyük gelir kaynağı sayfamızda gösterilen reklamlardır.
Reklam gösterimde bizim sayfamıza ayrıcalık tanıyarak ayakta kalmamıza destek olmak ister misiniz ?

HTML | Değişik Efektli Yazı

Konu

#1
Son Düzenleme: 21-09-2018, Saat: 21:26, Düzenleyen: Emre Özdemir.
Demoya bakmak isterseniz Tıklayın.
Kodlar buraya benim tarafımdan yazılmıştır. ( videodaki kodlar ile aynı fakat tek tek ben düzenleyip yazdım. )
HTML Kodu:
PHP Kod:
<!DOCTYPE html>
<
head>
<
meta charset="utf-8">
<
title>WD</title>
<
link rel="stylesheet" type="text/css" href="style.css"
</head>
<
body>
 
   <a href="https://forum.webdiyo.com"><svg><rect></rect></svg>FORUM</a>
 
 </body>
</
html
CSS Kodu:
PHP Kod:
body
{
 
 margin0;
 
 padding0;
 
 background#000;
}
a
{
 
 positionabsolute;
 
 top50%;
 
 left50%;
 
 transformtranslate(-50%, -50%);
 
 width205px;
 
 height50px;
 
 line-height50px;
 
 text-aligncenter;
 
 font-familysans-serif;
 
 text-transformuppercase;
 
 font-size23px;
 
 letter-spacing4px;
 
 color#fff;
 
 text-decorationnone;
}
a svg,
a svg rect
{
 
 positionabsolute;
 
 top0;
 
 left0;
 
 width100%;
 
 height100%;
 
 filltransparent;
}
a svg rect
{
 
 stroke#00e2ff;
 
 stroke-width4;
 
 transition1s;
 
 stroke-dasharray60 200;
 
 stroke-dashoffset350;
}
a:hover svg rect
{
 
 stroke#ff0;
 
 stroke-dasharray200 60;
 
 stroke-dashoffset0;




Cevapla
#2
Teşekkürler


Cevapla


Bir hesap oluşturun veya yorum yapmak için giriş yapın

Yorum yapmak için üye olmanız gerekiyor

ya da

Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
HTML | Kaliteli Login Form Oluşturma ( English ) Emre Özdemir 3 634 27-03-2019, Saat: 16:12
Son Yorum: ByCS
HTML Temel Örnekler Kirito 0 448 16-03-2019, Saat: 22:37
Son Yorum: Kirito
HTML Temel İçerik Kirito 0 393 16-03-2019, Saat: 22:35
Son Yorum: Kirito
HTML (Hyper Text Markup Language) Kirito 0 390 16-03-2019, Saat: 22:34
Son Yorum: Kirito
HTML Büyük Yazı Yazma Emre Özdemir 2 860 01-12-2018, Saat: 23:23
Son Yorum: .CrosS*

Task