08-03-2018 Saat: 19:38
Sıkıntıdan yaptığım bir çalışmadır.
Demo ;
HTML;
CSS;
Demo ;
PHP Kod:
buton.discord.kim
HTML;
PHP Kod:
<html>
<head>
<meta charset="utf-8">
<title>Buton Tasarimi</title>
<link rel="stylesheet" type="text/css" href="ornek.css" />
</head>
<center>
<a href="#"> <div class="arkaplan">
<div class="yazi">
<h4>Buton</h4>
</div>
</div></a>
</center>
</html>
CSS;
PHP Kod:
@import url('https://fonts.googleapis.com/css?family=Work+Sans');
body {
background-image: url(http://i.hizliresim.com/p6kjOm.png);
}
.arkaplan {
background-image: linear-gradient(270deg, #ffe100, #ffe100, #ffe100, #e82048, #ffe100, #ff0000, #5e0000) !important;
background-size: 1200% 1200%!important;
webkit-animation: TestBanner 30s ease infinite!important;
animation: TestBanner 30s ease infinite!important;
color: transparent;
-webkit-background-clip: text;
background-clip: text;
background: #ff0000;
position: relative;
left: 0px;
top: 500px;
height: 50px;
width: 140px;
transition:.2s ease;
box-shadow:0 1px 1px rgba(0,0,0,.2);
}
.yazi {
color: #ffffff;
position: relative;
left: 3px;
top: 13px;
font-family: 'Work Sans', sans-serif;
text-align:center;
font-size: 20px;
}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
