سون لرن • آموزش

سلام خسته نباشید، ببخشید من میخام مقالات سایتم رو ستاره دار کنم یک بخشی توی المنتور وجود داره به اسم المان ستاره ها اگه اون رو داخل صفحه سایتم قرار بدم اون صفحه ستاره دار میشه؟ ؟ با باید کد نویسی بشه ؟ ؟ ادرس سایتم جهت چک کردن میزارم اکه زحمتی نیست برام بسازیدش [آدرس وب سایت حذف شد] 1 نوشته - 1 participants مشاهده متن کامل موضوع , ...ادامه مطلب

در این قسمت میخوام یک کد ( Canvas Filters ) جالب رو در اختیارتون بذارم. توضیحات مربوط به کد Canvas Filters همونطور که دیدید زمانی که ماوستون رو بر روی صفحه حرکت میدید، تعدادی ستاره با افکتی زیبا به اطراف پخش میشن و حالت زیبایی رو به وجود میارن. هدف اصلی این کد تست کردن انواع مختلف فیلترهای Canvas می باشد و میتونین با استفاده از تنظیمات موجود در سمت راست صفحه، فیلترهای Blur و Contrast و ... رو تغییر داده و تاثیر اونا رو در خروجی مشاهده کنید. برای مشاهده کدهای مربوط به این نمونه میتونین وارد بخش View Source بشید. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین. موفق باشید. یا علی لینک دانلود Source , ...ادامه مطلب

سلام به همه دوستان خوبمامیدوارم که خوب و سلامت باشید داشتم در مورد جاذبه های دیدنی دنیا مطلب نمی خواندم ، به مطلب بسیار جالبی بر خوردم، با شما دوستان خوبم به اشتراک می گذارم امیدوارم که براتون جالب باشههتل مکانی است مناسب برای اقامت مسافرانی که در شهرهایی غیر از محل زندگی خودشان به گردشگری و سفر می پردازند. کیفیت هتل همواره یکی از دلایل اصلی انتخاب هتل مناسب توسط گردشگران بوده است. به نظر , ...ادامه مطلب

*, *:before, *:after {   -webkit-box-sizing: border-box;   -moz-box-sizing: border-box;   box-sizing: border-box; } section {   font-family: 'Open Sans', sans-serif;   height: 350px;   position: relative;   background-clip: fixed;   background-repeat: no-repeat;   background-size: cover;   background-position: center center;   overflow: hidden;   width: 94%;   margin: 0 auto 30px; } section a {   text-transform: uppercase;   font-weight: 800;   text-align: center;   text-decoration: none;   color: #fff;   display: block;   font-size: 4.875em; } section.p5 {   background-image: url(6.jpg); } section.p5 a {   width: 370px;   height: 94px;   line-height: 94px;   position: absolute;   top: 50%;   left: 50%;   margin-left: -185px;   margin-top: -47px; } section.p5 a:after {   content: '';   width: 5px;   height: 212px;   background-color: #fff;   -webkit-border-radius: 50%;   -moz-border-radius: 50%;   border-radius: 50%;   -webkit-transform: rotate(45deg) translate(0%, 0%);   -moz-transform: rotate(45deg) translate(0%, 0%);   -ms-transform: rotate(45deg) translate(0%, 0%);   -o-transform: rotate(45deg) translate(0%, 0%);   transform: rotate(45deg) translate(0%, 0%);   -webkit-transform-origin: 100% 50%;   -moz-transform-origin: 100% 50%;   -ms-transform-origin: 100% 50%;   -o-transform-origin: 100% 50%;   transform-origin: 100% 50%;   position: absolute;   top: 50%;   left: 50%;   margin-left: -2.5px;   margin-top: -106px;   opacity: 0;   -webkit-opacity: 0;   -moz-opacity: 0; } section.p5 a:hover:after {   -webkit-animation: comets 0.5s forwards;   -moz-animation: comets 0.5s forwards;   -ms-animation: comets 0.5s forwards;   animation: comets 0.5s forwards; } @-moz-keyframes comets {   0% {     width: 0;     opacity: 0;     -webkit-opacity: 0;     -moz-opacity: 0;     -webkit-transform: rotate(45deg) translate(-20%, -100%);     -moz-transform: rotate(45deg) translate(-20%, -100%);     -ms-transform: rotate(45deg) translate(-20%, -100%);     -o-transform: rotate(45deg), ...ادامه مطلب

در این قسمت میخوام یک کد ( Floaty fluttery rainbow stars ) جالب رو در اختیارتون بزارم. همونطور که دیدین افکتی زیبا با استفاده از ستاره ها درست شده و میتونین از اون در سایتتون استفاده کنید. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین. موفق باشید. یا علی Source نوع کد رايگان This entry passed through the Full-Text RSS service - if this is your content and you're reading it on someone else's site, please read the FAQ at fivefilters.org/content-only/faq.php#publishers., ...ادامه مطلب