شما وارد حساب خود نشده و یا ثبت نام نکرده اید. لطفا وارد شوید یا ثبت نام کنید تا بتوانید از تمامی امکانات انجمن استفاده کنید.
اعلانات

- توجه: بخش لینک سازی و بخش کاملا آزاد ایجاد شد تا کاربران برای لینک سازی مطالب و موضوعات مرتبط با سایت خودشون رو با بقیه و موتورهای جستجو به اشتراک بگذارند توجه کنید اگر کاربری روزانه بالای 5 مطلب و لینک ارسال نمایید اکانت کاربری مسدود خواهد شد.

- توجه: دوستان لطفا سوالات خود را از طریق شماره تماس موجود در سایت اعلام نکنید با پیامک یا تلگرام و... این شماره برای تماس های ضروری مشتریان فروشگاه قرار گرفته است.

- قابل توجه کاربران: سوالات خود را از طریق پیام خصوصی ارسال ننمایید و فقط از طریق انجمن پیگیر باشید به سوالاتی که از طریق پیام خصوصی ارسال شود به هیچ عنوان جواب داده نخواهد شد.


تبلیغات
ads
  • 0 رأی - میانگین امتیازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5
ایجاد بازتاب آینه ای با استفاده از CSS و Reflection.js
#1
ایجاد بازتاب آینه ای با استفاده از CSS و Reflection.js
آموزش طراحی سایت
 



روش شگفت انگیز که می توانید با طراحی وب مدرن امروز   کمک کند یک اثر بازتاب تصویر   است.


با این حال، ایجاد یک اثر انعکاسی تصویر با استفاده از CSS  برای سایت شما می تواند زمان زیادی صرف کند، هنگامی که شما نیاز به تغییر تصاویر در سایت خود دارد ، شما همچنین نیاز به تغییر برخی از بخش های CSS خود را را دارید. یکی دیگر از مشکلات که شما ممکن است  با آن مواجه شوید این است که در تمام مرورگرها کار نکند. 


 یک ابزار جاوا اسکریپت جدید به نام Reflection.js برای  جی کوئری  و MooTools  موجود است. باعث می شود ایجاد انعکاسی برای سایت شما بسیار ساده تر و سریعتر باشد.


خوب شروع کنید. 

نسخه CSS3

برای HTML ما، ما به سادگی یک تصویر اضافه می کنیم و آن را بر روی یک عنصر HTML5 قرار می دهیم. 

       resim
   


برای CSS ما قصد داریم به موارد زیر عمل کنیم: 

1. با استفاده از مقدار خودکار، حاشیه 60px را در بالای صفحه قرار دهید و آن را روی صفحه قرار دهید. 


2. بعد، از منوی -webkit-box-reflect CSS برای نشان دادن تصویر به پایین استفاده کنید. 
3. سپس تصویر را با استفاده از -webkit-gradient ماسک می کنیم تا تصویر را در پایین پایین بیاوریم و فقط یک قسمت یا کمتر از تصویر را نمایش می دهیم.


با استفاده از کدهای بالا، شما یک تصویر بازتابی شبیه تصویر زیر دارید. 

مقالات مرتبط
[تصویر:  %DA%86%DA%AF%D9%88%D9%86%DA%AF%DB%8C-%D8...toshop.jpg]
چگونگی ایجاد آیکون ناوبری تخت در Adobe Photoshop
[تصویر:  %DA%86%DA%AF%D9%88%D9%86%D9%87-%DB%8C%DA...%D9%85.jpg]
چگونه یک نوار پیشرفت جاوااسکریپت را با Pace.js ایجاد کنیم
[تصویر:  %DA%86%DA%AF%D9%88%D9%86%D9%87-%DB%8C%DA...%D9%85.jpg]
چگونه یک نوار پیشرفت جاوااسکریپت را با Pace.js ایجاد کنیم
تبلیغات
ads
#2
تور لحظه آخری کیش

یکی از بهترین گزینه هایی که برای یک تعطیلات ارزان با شرایط خوب می توان داشت، خرید تور لحظه آخرکیش است. شاید تا بحال این واژه را خیلی شنیده باشید اما دقیقا ندانید که فایده این تور چیست و چه فرقی با یک تور معمولی دارد


استقبال از تور کیش بدین صورت است که همه ساله غریب به دو میلیون نفر از
گردشگران داخلی و خارجی با برگزیدن تور کیش، به سمت این جزیره که به
مروارید خلیج فارس معروف است راهی می شوند و از زیبائی ها بی شمار آن دیدن
می کنند


از قسمت تفریحاتی که بگذریم نوبت به مکان ها دیدنی و آثار باستانی تور کیش،
همچون شهر زیرزمینی کاریز، شهر باستانی حریره، کشتی یونانی، نمايشگاه
خزندگان و بسیاری دیگر می رسد

درباره تور لحظه آخری کیش


در واقع آژانس های مسافرتی و آژانس هایی که برگزار کننده تورهای داخلی و
خارجی هستند، به خاطر تکمیل نشدن صندلی های هواپیما یا خالی ماندن اتاق های
تعدادی از هتل ها، در لحظات آخر تصمیم می گیرند تور را با قیمت بسیار
ارزانی به فروش برسانند تا بتوانند ظرفیت های خالی را تکمیل کنند که این
کاهش نرخ می‌تواند شامل بلیط هواپیما یا کل پکیج مسافرتی باشد. در واقع طرف
برنده ی تور لحظه آخری مسافر است چون توانسته با قیمت بسیار پایینی که
گاهی تا ۷۰ درصد پایین تر از قیمت اصلی تور هم می آید، آن را خریداری کند


همانطور که در بالا گفته شد تورهای لحظه آخری کیش به دلیل مزیت ویژه ای که دارد، متقاضی های زیادی هم دارد

برای اطلاعات بیشتر تور لحظه آخری کیش کلیک کنید

خدمات شرکت آفر کیش:
تور کیش
 غواصی در کیش
شاتل کیش
اجاره ماشین در کیش
هتل در کیش
پارک دلفین کیش
پاراسل کیش


موضوعات مرتبط با این موضوع...
موضوع نویسنده پاسخ بازدید آخرین ارسال
  چگونگی ایجاد فرم های ساده با SVG magbot 2 1,064 ۱۳۹۸-۱۰-۱۰، ۱۱:۲۵ ق.ظ
آخرین ارسال: charming
  بهینه سازی سایت در سال 2018 برای استفاده از فن آوری های جدید magbot 0 747 ۱۳۹۸-۰۳-۱۴، ۱۲:۴۹ ق.ظ
آخرین ارسال: magbot

پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان
تبلیغات
ads