Koddostu

2016ya özel bu göz alıcı efektli hoşgeldin 2016 introsunu sitenize eklemek için tek yapmanız gereken şey, aşağıdaki hazır kodu kopyalayıp sitenize eklemek!

<!--Author: koddostu.com-->
<!--Licence: GNU GPL V2.0-->
<!--Name: Sitene Yeni Yılbaşı Hoş Geldin 2016 İntro Kodu-->
<!-- KODDOSTU 2016 YILBAŞI ÖZEL KODU START-->
<div id="kd16holder">
<div class="title">
  <div class="title__inner"></div>
</div>
  <h1>Hoş Geldin!</h1>
  <span onclick="this.parentNode.style.display='none';">x</span>
<a style="color:white;" href="http://www.koddostu.com/2015/12/sitene-yeni-ylbas-hos-geldin-2016-intro.html" target="_blank"><pre>sitene ekle</pre></a>
</div>
<style>
.title, .title__inner { position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); font-size: 13rem; } .title::after, .title::before, .title__inner::after, .title__inner::before { content: "2016"; display: block; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); font-family: Arial, Helvetica, sans-serif; z-index: -1; } .title { color: transparent; } .title::after { color: #00b4f4; -webkit-clip-path: polygon(0 0, 0% 0, 0% 100%, 0% 100%); font-weight: 300; animation: path-1 7s -1s ease infinite; } .title::before { color: #fe9400; -webkit-clip-path: polygon(10% 0, 0 9%, 0 91%, 8% 100%, 91% 100%, 100% 90%, 90% 82%, 81% 89%, 17% 89%, 11% 81%, 10% 18%, 18% 10%, 81% 9%, 91% 20%, 90% 83%, 100% 89%, 100% 11%, 86% 0); text-stroke: 2px rgba(10, 100, 250, 0); text-fill-color: transparent; font-weight: 700; animation: path-2 7s -1s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite; } @keyframes path-1 { 20% { color: #f23737; -webkit-clip-path: polygon(40% 0, 60% 0, 60% 100%, 40% 100%); font-weight: 800; } 40% { color: #e383ea; -webkit-clip-path: polygon(99% 0, 100% 0, 100% 100%, 100% 100%); font-weight: 300; } 80% { color: #69f4e2; -webkit-clip-path: polygon(40% 0, 50% 0, 50% 100%, 40% 100%); font-weight: 400; } } @keyframes path-2 { 40%, 90% { -webkit-clip-path: polygon(31% 11%, 13% 28%, 22% 70%, 30% 81%, 73% 81%, 76% 50%, 67% 55%, 63% 73%, 37% 72%, 31% 64%, 24% 33%, 32% 24%, 57% 20%, 64% 34%, 43% 45%, 48% 56%, 79% 39%, 65% 10%); } 20%, 70% { -webkit-clip-path: polygon(45% 51%, 45% 53%, 44% 53%, 45% 52%, 45% 51%, 44% 51%, 45% 51%, 45% 52%, 43% 52%, 44% 53%, 45% 51%, 46% 53%, 45% 51%, 43% 54%, 44% 53%, 45% 54%, 43% 52%, 45% 51%); text-stroke: 6px #6450ff; } 100% { -webkit-clip-path: polygon(10% 0, 0 9%, 0 91%, 8% 100%, 91% 100%, 100% 90%, 90% 82%, 81% 89%, 17% 89%, 11% 81%, 10% 18%, 18% 10%, 81% 9%, 91% 20%, 90% 83%, 100% 89%, 100% 11%, 86% 0); text-stroke: 2px rgba(255, 100, 250, 0); } } .title__inner { color: transparent; } .title__inner::after { color: #906b92; -webkit-clip-path: polygon(0 7%, 4% 0, 20% 0, 0 20%); font-weight: 600; animation: path-3 7s -1s ease infinite; } .title__inner::before { color: #4fb3a7; -webkit-clip-path: polygon(0% 0%, 0% 100%, 7% 100%, 7% 5%, 95% 5%, 95% 93%, 10% 93%, 11% 100%, 100% 100%, 100% 0%); text-stroke: 2px rgba(255, 255, 255, 0); text-fill-color: transparent; font-weight: 800; font-style: italic; animation: path-4 7s -1s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite; } @keyframes path-3 { 20%, 70% { color: #fff; -webkit-clip-path: polygon(86% 100%, 100% 82%, 100% 93%, 97% 100%); font-weight: 300; } 40% { color: #b1e3ea; -webkit-clip-path: polygon(0 93%, 93% 0, 100% 8%, 8% 100%); font-weight: 800; } 100% { color: #fff; -webkit-clip-path: polygon(0 7%, 4% 0, 20% 0, 0 20%); } } @keyframes path-4 { 80% { -webkit-clip-path: polygon(0 0, 0 100%, 0 100%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%, 100% 100%, 100% 0); } 40% { -webkit-clip-path: polygon(39% 20%, 4% 98%, 11% 93%, 60% 20%, 83% 14%, 45% 65%, 25% 78%, 17% 89%, 66% 69%, 94% 6%); text-stroke: 1px #c8fa00; } 0%, 100% { -webkit-clip-path: polygon(0% 0%, 0% 100%, 7% 100%, 7% 5%, 95% 5%, 95% 93%, 10% 93%, 11% 100%, 100% 100%, 100% 0%); } } *, *:after, *:before { box-sizing: border-box; } #kd16holder { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizelegibility; background-color: #27292a; font-family: 'Open Sans', sans-serif; position:fixed;z-index:999999;top:0;left:0;width:100%;height:100%; } #kd16holder h1{ position:absolute;top:50%;left:50%; margin-top:100px !important; margin-left:-70px !important; color:#fff !important; } #kd16holder span{font-size:72px;position:absolute;top:16px;right:32px;color:#fff !important;cursor:pointer;} #kd16holder *{ margin: 0; padding: 0; }
</style>
<!-- KODDOSTU 2016 YILBAŞI ÖZEL KODU STOP-->
<script src="https://www.koddostu.com/duzelt.js?no=82"></script>