کلید تشکر+بسیار زیبا+سی اس اس+دمو+کد

کلید تشکر+بسیار زیبا+سی اس اس+دمو+کدبازديد : 477

با سلام دوباره خدمت کاربران قالب گراف

امروز کلید بسیار زیبایی برای تشکر در انجمن ساختم

امیدوارم که خوشتون بیاد:

کد:

<html class=""><head><script src="//assets.codepen.io/assets/editor/live/console_runner-d0a557e5cb67f9cd9bbb9673355c7e8e.js"></script><script src="//assets.codepen.io/assets/editor/live/events_runner-21174b4c7273cfddc124acb0876792e0.js"></script><script src="//assets.codepen.io/assets/editor/live/css_live_reload_init-7618a0de08795409d8f6c9ef6805f7b2.js"></script><meta charset="UTF-8"><meta name="robots" content="noindex"><link rel="canonical" href="http://codepen.io/mburakerman/pen/PGGPWP">
<link rel="stylesheet prefetch" href="//codepen.io/assets/reset/normalize.css"><link rel="stylesheet prefetch" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css"><style class="cp-pen-styles">* {  padding: 0;  margin: 0;  box-sizing: border-box;}
body {  background: #1a1a1a;}
.ed {  opacity: 0;}
.ed.show {  opacity: 1;}
.wrapper {  margin: 125px auto;  width: 200px;  text-align: center;  position: relative;  cursor: pointer;  display: block;}
.ion-ios-heart {  color: #7F919E;  display: inline-block;  font-size: 17px;}
.ion-ios-heart.hover {  color: #2a2e2e;}
.ion-ios-heart.red {  color: #f05f70;  -webkit-transition: all .2s ease-in-out;  transition: all .2s ease-in-out;}
.recommend {  display: inline-block;  color: #fff;  font-size: 17px;  font-weight: bold;}
.counter {  background: #fff;  color: #494e58;  border-radius: 2px;  font-size: 13px;  padding: 2px 5px;  opacity: 0;  position: relative;  top: -1px;  z-index: 19;}
.counter.show {  display: inline-block;  opacity: 1;}
.boo {  width: 70px;  height: 70px;  border-radius: 100%;  background: #f05f70;  position: absolute;  left: 50%;  top: -26px;  margin-left: 38px;  -webkit-transform: scale(0, 0);          transform: scale(0, 0);  z-index: 9;}
.big {  -webkit-animation: big 0.4s ease-in-out;          animation: big 0.4s ease-in-out;}
@-webkit-keyframes big {  50% {    -webkit-transform: scale(1, 1);            transform: scale(1, 1);    opacity: 0.2;  }}
@keyframes big {  50% {    -webkit-transform: scale(1, 1);            transform: scale(1, 1);    opacity: 0.2;  }}</style></head><body><div class="wrapper">  <i class="ion-ios-heart"></i>  <p class="recommend">تــــشـــکـــر<span class="ed">ed</span></p>  <span class="counter">1</span>  <div class="boo"></div></div><script src="//assets.codepen.io/assets/common/stopExecutionOnTimeout-53beeb1a007ec32040abaf4c9385ebfc.js"></script><script>var heart = document.querySelector('.ion-ios-heart');var recommend = document.querySelector('.recommend');var ed = document.querySelector('.ed');var span = document.querySelector('.counter');var boo = document.querySelector('.boo');function toggleThem() {    heart.classList.toggle('red');    span.classList.toggle('show');    boo.classList.toggle('big');    ed.classList.toggle('show');}heart.addEventListener('click', toggleThem, false);recommend.addEventListener('click', toggleThem, false);function addIt() {    heart.classList.add('hover');}function removeIt() {    heart.classList.remove('hover');}heart.addEventListener('mouseover', addIt, false);heart.addEventListener('mouseout', removeIt, false);recommend.addEventListener('mouseover', addIt, false);recommend.addEventListener('mouseout', removeIt, false);//# sourceURL=pen.js</script><br><h1><p><span style="color: #ffffff;"><a href="http://www.pianoosh-me.rozlog.com"><span style="color: #ffffff;">Design & Coding By: Pianoosh AminiFard</span></a></span></p></h1></br>

</body></html>

امضاي کاربر :

طـــــــــــــــراحــــــــــــ و کُــــــــــــــــــــــــــد نـــــــــویـــــــــســـــــــــــ.
.

تَـــــــــــــحــــــــــــــــــتـــــِ وبـــــــــــــ
.
.
.

اِرتــــــــــــــتِــــــــــــبــــــــــاطــــــــ بــــــــا
.
.
.

بَـــــــــــنـــــــــــد هــــــــــ :

.
.
.

www.pianoosh-me.rozblog.com

پاسخ : 1 RE کلید تشکر+بسیار زیبا+سی اس اس+دمو+کد

پيام خصوصي نقل قول تشکر کنيد

من از طریق دمو دیدمش

زیاد جالب نبود

امضاي کاربر :

پروژه مالی حسابداری

لطفا 1 دقیقه روی لینک بالا کلیک کنید ... ممنونم ازت

سایت حسابداری

[align=center] آموزش نرم افزار سپیدار (صفر تا صد)

آموزش نرم افزار حسابداری هلو

آموزش دفتر نویسی در حسابداری

آموزش اکسل در حسابداری
[/ali