Background Facebook dengan CSS3

Publish Date : 11-03-2016 , dibaca 4609 kali, Hari ini dibaca : 1 kali ,0 comments

Artikel kali ini kita akan Membuat background seperti Facebook dengan CSS , facebook memiliki ciri khas background berwarna biru, ya siapa yang tidak mengenal facebook pada saat sekarang ini.. Untuk melihat demo Background facebook anda bisa lihat pada link dibawah ini

Demo

Untuk temen-temen yang belum baca artikel saya sebelumnya silahkan baca dulu ya :

Modal Pop Up window dengan CSS3

OK.. Untuk memulai Membuat Background Seperti Facebook ini , siapkan text editor anda dan paste kode dibawah ini

HTML CODE ---> index.html

<!DOCTYPE html>
<html>
<head>
<meta charset='UTF-8'>
  <meta name="author" content="Suckittrees">
  <title>Membuat Background  Facebook</title>
  <link rel="shortcut icon" href="http://suckittrees.com/favicon.png">
  <link rel="icon" href="http://suckittrees.com/favicon.png">
  <link href="style.css" rel="stylesheet">
</head>
<body>
<h1 align="center"><a href="#">Read Tutorial Suckittrees.com</a></h1>
<h3>Background Facebook with CSS3</h3>
</body>
</html>

CSS CODE --> style.css

@import url(http://fonts.googleapis.com/css?family=Bree+Serif);

body {
  overflow: hidden;  
  height: 10000px;
  width: 100%;
  background-color: #2b4170; 
  background: -moz-linear-gradient(top, #3b5998, #2b4170);
  background: -ms-linear-gradient(top, #3b5998, #2b4170);
  background: -webkit-linear-gradient(top, #3b5998, #2b4170);
  text-shadow: 0 -1px -1px #1f2f52;
  color:#fff;
  text-align:center;
}
a {
    color: #FFF;
    text-decoration:none;
}
h3 {font-family: 'Bree Serif', 'serif';}
h1 {
    margin-top: 100px;
    text-align:center;
    font-size:50px;
    font-family: 'Bree Serif', 'serif';
}