- صفحه اصلي قالب گراف
- انجمن
- آپلود سنتر
- تبليغات
- ورود
- عضويت
- خوراک
- نقشه
- تماس با ما
- ارسال پيام به مدير در انجمن ghalebgraph@gmail.com\09394943902
لوگو جدید قالب گراف+کد+دموبازديد : 721
با سلام خدمت شما دوستان گرامی
امروز بیکار بودم برای همین یک لوگو جدید و زیبا برای قالب گراف درست کردم
امیدوار که خوشتون بیاد
فقط
تــــــــــــــــــــــــــــــــشــــــــــــــــــــــــــــکـــــــــــــــــــر
یادتون نره اگه خوشتون اومد
کد :
کد:
<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/fixcl/pen/lvCFr">
<link rel="stylesheet prefetch" href="//codepen.io/assets/reset/reset.css"><style class="cp-pen-styles">@import url(http://fonts.googleapis.com/css?family=Open+Sans:700);html,body { height: 100%;}body { overflow: hidden;}.hoja { color: #dcdce2; position: absolute; top: 50%; left: 50%; margin-left: -140px; margin-top: -140px; width: 280px; height: 280px; text-align: center; font-family: 'B Yekan'; font-size: 35px; line-height: 280px; -webkit-font-smoothing: antialiased;}.hoja:after,.hoja:before { content: ""; border-radius: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform-origin: center center; transform-origin: center center;}.hoja:after { box-shadow: inset 0 17.5px 0 rgba(250, 250, 0, 0.6), inset 17.5px 0 0 rgba(250, 200, 0, 0.6), inset 0 -17.5px 0 rgba(250, 150, 0, 0.6), inset -17.5px 0 0 rgba(250, 100, 0, 0.6); -webkit-animation: rotar 2s -0.5s linear infinite; animation: rotar 2s -0.5s linear infinite;}.hoja:before { box-shadow: inset 0 17.5px 0 rgba(0, 250, 250, 0.6), inset 17.5px 0 0 rgba(0, 200, 200, 0.6), inset 0 -17.5px 0 rgba(0, 150, 200, 0.6), inset -17.5px 0 0 rgba(0, 200, 250, 0.6); -webkit-animation: rotarIz 2s -0.5s linear infinite; animation: rotarIz 2s -0.5s linear infinite;}@-webkit-keyframes rotar { 0% { -webkit-transform: rotateZ(0deg) scaleX(1) scaleY(1); transform: rotateZ(0deg) scaleX(1) scaleY(1); } 50% { -webkit-transform: rotateZ(180deg) scaleX(0.82) scaleY(0.95); transform: rotateZ(180deg) scaleX(0.82) scaleY(0.95); } 100% { -webkit-transform: rotateZ(360deg) scaleX(1) scaleY(1); transform: rotateZ(360deg) scaleX(1) scaleY(1); }}@keyframes rotar { 0% { -webkit-transform: rotateZ(0deg) scaleX(1) scaleY(1); transform: rotateZ(0deg) scaleX(1) scaleY(1); } 50% { -webkit-transform: rotateZ(180deg) scaleX(0.82) scaleY(0.95); transform: rotateZ(180deg) scaleX(0.82) scaleY(0.95); } 100% { -webkit-transform: rotateZ(360deg) scaleX(1) scaleY(1); transform: rotateZ(360deg) scaleX(1) scaleY(1); }}@-webkit-keyframes rotarIz { 0% { -webkit-transform: rotateZ(0deg) scaleX(1) scaleY(1); transform: rotateZ(0deg) scaleX(1) scaleY(1); } 50% { -webkit-transform: rotateZ(-180deg) scaleX(0.95) scaleY(0.85); transform: rotateZ(-180deg) scaleX(0.95) scaleY(0.85); } 100% { -webkit-transform: rotateZ(-360deg) scaleX(1) scaleY(1); transform: rotateZ(-360deg) scaleX(1) scaleY(1); }}@keyframes rotarIz { 0% { -webkit-transform: rotateZ(0deg) scaleX(1) scaleY(1); transform: rotateZ(0deg) scaleX(1) scaleY(1); } 50% { -webkit-transform: rotateZ(-180deg) scaleX(0.95) scaleY(0.85); transform: rotateZ(-180deg) scaleX(0.95) scaleY(0.85); } 100% { -webkit-transform: rotateZ(-360deg) scaleX(1) scaleY(1); transform: rotateZ(-360deg) scaleX(1) scaleY(1); }}</style></head><body><!-- autor: Pianoosh AminiFArdhttps://www.pianoosh-me.rozblog.com--><div class="hoja">قالب گراف</div><script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script></body></html>
امضاي کاربر :
طـــــــــــــــراحــــــــــــ و کُــــــــــــــــــــــــــد نـــــــــویـــــــــســـــــــــــ.
.
تَـــــــــــــحــــــــــــــــــتـــــِ وبـــــــــــــ
.
.
.
اِرتــــــــــــــتِــــــــــــبــــــــــاطــــــــ بــــــــا
.
.
.
.
.
طـــــــــــــــراحــــــــــــ و کُــــــــــــــــــــــــــد نـــــــــویـــــــــســـــــــــــ.
.
تَـــــــــــــحــــــــــــــــــتـــــِ وبـــــــــــــ
.
.
.
اِرتــــــــــــــتِــــــــــــبــــــــــاطــــــــ بــــــــا
.
.
.
بَـــــــــــنـــــــــــد هــــــــــ :
..
.
 تشکر شده: |
11 کاربر از lamborghini به خاطر اين مطلب مفيد تشکر کرده اند:
|
لوگو نیستا
یه انیمیشنه وسطش نوشتی قالب گراف
ولی بازم جالبه دمت گرم رفیق
امضاي کاربر :
| تشکر شده: |
1 کاربر از 4hossein7 به خاطر اين مطلب مفيد تشکر کرده اند:
|
چیز جالبی بود فقط میشه اینو رسیپانسیو کنید ؟
خوب بود
خیلی خوب بود ولی چرا نوشتین لوگو باید بنویسین انیمیشن
خوشگله
ممنون
