<label for="ackapa" class="fa fa-navicon"></label>

<input type="checkbox" id="ackapa">
<nav>

  <ul>
    <li><a href="#">Anasayfa</a></li>
    <li><a href="#">Yazılım</a></li>
    <li><a href="#">Kategoriler</a></li>
    <li><a href="#">Hakkımızda</a></li>
    <li><a href="#">İletişim</a></li>
    <li id="copy">&copy; Yasin Softaoğlu</li>
  </ul>

</nav>

<div id="content">
  <h3><a href="https://codepen.io/codery">Click And See More Design</a></h3>---
  <h3>Fullscreen Menu Only Css</h3>
  <br>
  <img src="https://sd.keepcalm-o-matic.co.uk/i-w600/keep-calm-and-love-css-8.jpg" width="250" height="250">
  <br><br> Nescius malis vidisse. Expetendis noster ullamco quo illum iis appellat. Esse o offendit ex aute an et irure magna aliqua possumus si hic fugiat multos a eiusmod hic iis qui coniunctione ut aute possumus e graviterque an ubi arbitror praesentibus,
  nam tamen malis ex possumus, eram non ad sunt incididunt. Ullamco do dolor, multos ingeniis hic cillum labore qui ubi illum senserit eiusmod de quo elit tractavissent. Litteris summis ingeniis laborum, ut se enim fore fore. Eu tamen occaecat despicationes,
  an laboris philosophari ubi do dolor doctrina, laboris iis fore pariatur. Mentitum velit mentitum aut quae cupidatat ita praetermissum.Hic ut lorem doctrina, ubi ipsum concursionibus ut illum arbitrantur occaecat magna mentitum, est irure quid de cernantur.
  Offendit ut ullamco, incurreret e anim cupidatat, offendit irure lorem se aliqua aut non quid fabulas offendit. Nostrud hic quid tempor, labore incididunt adipisicing. Eiusmod in laboris, id quem nulla ut nostrud do ea quem nostrud coniunctione de fugiat
  voluptate ex dolore culpa. Sed ipsum ex dolore qui quem proident e sempiternum, incurreret non quibusdam nam litteris quid fugiat se nulla. Quem vidisse id despicationes, eiusmod aute magna eiusmod fugiat, quid singulis ne amet lorem, tamen singulis
  est quamquam qui ubi a quem legam magna, voluptate de labore ea se est quorum mentitum aut iis quorum fabulas. Quem laborum te magna multos. Aliquip summis eiusmod qui labore ne ingeniis se labore.Proident sunt culpa mandaremus eram ut iudicem aut occaecat
  o a tamen enim multos quamquam ea quorum comprehenderit excepteur culpa admodum eu cupidatat do sunt singulis, tamen iudicem instituendarum do magna laborum eu quid malis, offendit quis quamquam probant. Doctrina ne nescius. Mentitum ex aliquip de labore
  cohaerescant consequat cillum incurreret. Minim mandaremus iis concursionibus. Litteris ne commodo, esse probant eu culpa dolore, eu in elit cillum dolor ab incurreret ea cupidatat. Doctrina aut noster ita iis eram ingeniis reprehenderit qui litteris
  ut litteris in ea ullamco fidelissimae.Vidisse iis malis nescius a ne lorem anim quae offendit eu e minim dolor nisi deserunt, quo quo dolore malis sint. Voluptate labore malis eu quem. Ab esse tractavissent ea sunt eu quamquam te malis de iis aliqua
  cupidatat consequat ad incididunt eram est iudicem consectetur. Nostrud ab lorem deserunt id se do tamen occaecat. Illum se et labore officia, duis ullamco reprehenderit, aut ne labore excepteur id vidisse relinqueret ex incurreret. Offendit a fugiat.
  Quo summis illum ne nostrud, aut cillum minim sint quamquam, ea quamquam ne fabulas, litteris aliqua ullamco. reret e anim cupidatat, offendit irure lorem se aliqua aut non quid fabulas offendit. Nostrud hic quid tempor, labore incididunt adipisicing.
  Eiusmod in laboris, id quem nulla ut nostrud do ea quem nostrud coniunctione de fugiat voluptate ex dolore culpa. Sed ipsum ex dolore qui quem proident e sempiternum, incurreret non quibusdam nam litteris quid fugiat se nulla. Quem vidisse id despicationes,
  eiusmod aute magna eiusmod fugiat, quid singulis ne amet lorem, tamen singulis est quamquam qui ubi a quem legam magna, voluptate de labore ea se est quorum mentitum aut iis quorum fabulas. Quem laborum te magna multos. Aliquip summis eiusmod qui labore
  ne ingeniis se labore.Proident sunt culpa mandaremus eram ut iudicem aut occaecat o a tamen enim multos quamquam ea quorum comprehenderit excepteur culpa admodum eu cupidatat do sunt singulis, tamen iudicem instituendarum do magna laborum eu quid malis,
  offendit quis quamquam probant. Doctrina ne nescius. Mentitum ex aliquip de labore cohaerescant consequat cillum incurreret. Minim mandaremus iis concursionibus. Litteris ne commodo, esse probant eu culpa dolore, eu in elit cillum dolor ab incurreret
  ea cupidatat. Doctrina aut noster ita iis eram ingeniis reprehenderit qui litteris ut litteris in ea ullamco fidelissimae.Vidisse iis malis nescius a ne lorem anim quae offendit eu e minim dolor nisi deserunt, quo quo dolore malis sint. Voluptate labore
  malis eu quem. Ab esse tractavissent ea sunt eu quamquam te malis de iis aliqua cupidatat consequat ad incididunt eram est iudicem consectetur. Nostrud ab lorem deserunt id se do tamen occaecat. Illum se et labore officia, duis ullamco reprehenderit,
  aut ne labore excepteur id vidisse relinqueret ex incurreret. Offendit a fugiat. Quo summis illum ne nostrud, aut cillum minim sint quamquam, ea quamquam ne fabulas, litteris aliqua ullamco. reret e anim cupidatat, offendit irure lorem se aliqua aut
  non quid fabulas offendit. Nostrud hic quid tempor, labore incididunt adipisicing. Eiusmod in laboris, id quem nulla ut nostrud do ea quem nostrud coniunctione de fugiat voluptate ex dolore culpa. Sed ipsum ex dolore qui quem proident e sempiternum,
  incurreret non quibusdam nam litteris quid fugiat se nulla. Quem vidisse id despicationes, eiusmod aute magna eiusmod fugiat, quid singulis ne amet lorem, tamen singulis est quamquam qui ubi a quem legam magna, voluptate de labore ea se est quorum mentitum
  aut iis quorum fabulas. Quem laborum te magna multos. Aliquip summis eiusmod qui labore ne ingeniis se labore.Proident sunt culpa mandaremus eram ut iudicem aut occaecat o a tamen enim multos quamquam ea quorum comprehenderit excepteur culpa admodum
  eu cupidatat do sunt singulis, tamen iudicem instituendarum do magna laborum eu quid malis, offendit quis quamquam probant. Doctrina ne nescius. Mentitum ex aliquip de labore cohaerescant consequat cillum incurreret. Minim mandaremus iis concursionibus.
  Litteris ne commodo, esse probant eu culpa dolore, eu in elit cillum dolor ab incurreret ea cupidatat. Doctrina aut noster ita iis eram ingeniis reprehenderit qui litteris ut litteris in ea ullamco fidelissimae.Vidisse iis malis nescius a ne lorem anim
  quae offendit eu e minim dolor nisi deserunt, quo quo dolore malis sint. Voluptate labore malis eu quem. Ab esse tractavissent ea sunt eu quamquam te malis de iis aliqua cupidatat consequat ad incididunt eram est iudicem consectetur. Nostrud ab lorem
  deserunt id se do tamen occaecat. Illum se et labore officia, duis ullamco reprehenderit, aut ne labore excepteur id vidisse relinqueret ex incurreret. Offendit a fugiat. Quo summis illum ne nostrud, aut cillum minim sint quamquam, ea quamquam ne fabulas,
  litteris aliqua ullamco. reret e anim cupidatat, offendit irure lorem se aliqua aut non quid fabulas offendit. Nostrud hic quid tempor, labore incididunt adipisicing. Eiusmod in laboris, id quem nulla ut nostrud do ea quem nostrud coniunctione de fugiat
  voluptate ex dolore culpa. Sed ipsum ex dolore qui quem proident e sempiternum, incurreret non quibusdam nam litteris quid fugiat se nulla. Quem vidisse id despicationes, eiusmod aute magna eiusmod fugiat, quid singulis ne amet lorem, tamen singulis
  est quamquam qui ubi a quem legam magna, voluptate de labore ea se est quorum mentitum aut iis quorum fabulas. Quem laborum te magna multos. Aliquip summis eiusmod qui labore ne ingeniis se labore.Proident sunt culpa mandaremus eram ut iudicem aut occaecat
  o a tamen enim multos quamquam ea quorum comprehenderit excepteur culpa admodum eu cupidatat do sunt singulis, tamen iudicem instituendarum do magna laborum eu quid malis, offendit quis quamquam probant. Doctrina ne nescius. Mentitum ex aliquip de labore
  cohaerescant consequat cillum incurreret. Minim mandaremus iis concursionibus. Litteris ne commodo, esse probant eu culpa dolore, eu in elit cillum dolor ab incurreret ea cupidatat. Doctrina aut noster ita iis eram ingeniis reprehenderit qui litteris
  ut litteris in ea ullamco fidelissimae.Vidisse iis malis nescius a ne lorem anim quae offendit eu e minim dolor nisi deserunt, quo quo dolore malis sint. Voluptate labore malis eu quem. Ab esse tractavissent ea sunt eu quamquam te malis de iis aliqua
  cupidatat consequat ad incididunt eram est iudicem consectetur. Nostrud ab lorem deserunt id se do tamen occaecat. Illum se et labore officia, duis ullamco reprehenderit, aut ne labore excepteur id vidisse relinqueret ex incurreret. Offendit a fugiat.
  Quo summis illum ne nostrud, aut cillum minim sint quamquam, ea quamquam ne fabulas, litteris aliqua ullamco.

</div>
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
* {
  padding: 0;
  margin: 0;
  box-sizing: ;
}

body {
  background: #FFE8F9;
  font-family: "Open Sans";
  font-size: 14px;
}

#content {
  width: 80%;
  margin: 0 auto;
  padding: 10px;
}

label.fa {
  padding: 10px;
  background: #000;
  color: #fff;
  font-size: 20px;
}

label {
  position: fixed;
  top: 30px;
  right: 0;
  z-index: 999;
  cursor: pointer;
}

input#ackapa {
  display: none;
}

ul {
  list-style: none;
}

nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 998;
  background: rgba(45, 64, 121, 0.68);
  transform: translateY(-100%);
  transition: all .4s;
  transform-origin: center;
}

ul {
  margin-top: 14%;
  text-align: center;
}

li {
  font-size: 10px;
  transform: translateY(200%);
  transition: all .4s;
}

#copy {
  position: absolute;
  bottom: 30px;
  left: 34vw;
  color: white;
}

li a {
  text-decoration: none;
  color: #fff;
  font-weight: bold;
}

li a:hover {
  color: #000;
}

input#ackapa:checked + nav {
  transform: translateY(0);
}

input#ackapa:checked + nav li {
  font-size: 30px;
  transform: translateY(0);
}

a {
  text-decoration: none;
  color: dodgerblue;
}
/* Created By Yasin Softaoğlu */

External CSS

  1. https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css

External JavaScript

This Pen doesn't use any external JavaScript resources.