خوش آمدید , میهمان گرامی! ورود or ثبت نام

تغییر رنگ قالب



بستن
دیجیتال مارکتینگ
sitecode sitecode 0 16
گفتگوی آزاد
admin luna 2614 141814
باور (Belief)
tree of life tree of life 0 43
دانلود کتاب الکترونیک هفت پیکر سلیمان
admin admin 22 168
دانلود کتاب خود آموز علوم غریبه -میر داماد کبیر- جلد دوم
admin admin 105 808
دانلود کتاب خطی سر الاسرار (یا سراکبر )
admin admin 114 596
دانلود کتاب رستاخیز مردگان
admin admin 98 650
شب های اواکسی ...
user luna 934 114622
بالا بردن امنیت سرور مجازی لینوکس در کاربری وب
pouyanweb98 pouyanweb98 0 32
آکواریوم آنتالیا
mostafaahadi mostafaahadi 0 32
آشنایی با مراحل اخذ ویزای شینگن
mostafaahadi mostafaahadi 0 34
راهنمای کامل معرفی کوین آنتولوژی (ONTOLOGY) و ولت‌های مخصوص آن
mostafaahadi mostafaahadi 0 44
ایمپلنت های دندانی
mostafaahadi mostafaahadi 0 34
پلاک بعد از ارتودنسی
mostafaahadi mostafaahadi 0 34
کوک پیانو
mostafaahadi mostafaahadi 0 42
تهیه بک آپ از داده ها به صورت روزانه
mostafaahadi mostafaahadi 0 39
طراحی سایت ” پورتال سازمانی “
mostafaahadi mostafaahadi 0 34
شرایط تحصیل در استانبول
hexa12 hexa12 0 63
گریتینگ چیست ؟
kian2137 kian2137 0 56
کبد چرب و علائم آن؟؟
ghazal_01 niloofarmajdi 4 3744
انواع مختلف شارژرهای مختلف را می شناسید؟
niloofarmajdi niloofarmajdi 0 54
مزیت های سرور مجازی میکروتیک چیست
pouyanweb98 pouyanweb98 0 54
رمان شما که غریبه نیستید+لینک دانلود
mohadese mmmmaaammmaann 5 1834
همین الان تو چه فکری هستی؟ (22)
گلایه luna 521 22025
"امضاهای " من!!!
دخترمشرقى luna 321 52047
دلت میخواد نفر بعدیت کی باشه ؟ ( 3 )
sana luna 821 63411
به نظرت نفر قبلیت چه رنگیه؟
فرشاد شاه luna 614 30938
ساختار داخلی لنگه درب های ضد سرقت ایستادر و انواع رویه ها
istadoor istadoor 0 62
دندانپزشکی در خواب یا سدیشن چیست؟
دندانپزشکی رایا دندانپزشکی رایا 0 55
آیا استفاده از شارژر فندکی به باتری گوشی آسیب می رساند؟
niloofarmajdi niloofarmajdi 0 55
طراحی سایت آگهی
sitecode sitecode 0 69
با وارد کردن شماره موبایل آدرس مالکش رو از طریق ماهواره پیدا کنید
geddis زهراجزایری 27 55146
دلتنگ و دلتنگی...
غزل m@rzieh 39 6606
دل...
گلایه m@rzieh 189 26689
طراحی سایت و انتخاب رنگ مناسب
sitecode sitecode 0 57
کفش طبی زنانه از کجا اینترنتی بخرم؟
lemonn lemonn 0 58
دلــنوشتــــه (2)
roshanak.m luna 156 29019
تفاوت سرور مجازی و اختصاصی و ویژگی آن ها
pouyanweb98 pouyanweb98 0 57
طراحی فروشگاه اینترنتی
zahrahmd zahrahmd 0 79
انتخاب اجباری برای نفر بعدی (6)
گلایه نینجا 1 658 44149

نماد ها
دسترسی سریع به تاپیکهای مهم
تبلیغات
مطالب منتخب
مطالب پربازدید
مطالب پربازدید
ایجاد بازتاب آینه ای با استفاده از CSS و Reflection.jsزمان کنونی: Friday 28 February 2020, 09:41
کاربرانِ درحال بازدید از این موضوع: 1 مهمان
نویسنده: magbot
آخرین ارسال: magbot
پاسخ: 1
بازدید: 223
 
امتیاز دهید:
  • 0 رأی - میانگین امیتازات : 0
  • 1
  • 2
  • 3
  • 4
  • 5
ایجاد بازتاب آینه ای با استفاده از CSS و Reflection.js
Thursday 13 June 2019, 22:31
ارسال: #1
ایجاد بازتاب آینه ای با استفاده از CSS و Reflection.js
[font=Cormorant Garamond, Arial, serif]
[size=xxx-large]ایجاد بازتاب آینه ای با استفاده از CSS و Reflection.js[/size] مشاهده لینک [/font]
MAGBOT +
مشاهده لینک
روش شگفت انگیز که می توانید با طراحی وب مدرن امروز کمک کند یک اثر بازتاب تصویر است.
با این حال، ایجاد یک اثر انعکاسی تصویر با استفاده از CSS برای سایت شما می تواند زمان زیادی صرف کند، هنگامی که شما نیاز به تغییر تصاویر در سایت خود دارد ، شما همچنین نیاز به تغییر برخی از بخش های CSS خود را را دارید. یکی دیگر از مشکلات که شما ممکن است با آن مواجه شوید این است که در تمام مرورگرها کار نکند.


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

نسخه CSS3
برای HTML ما، ما به سادگی یک تصویر اضافه می کنیم و آن را بر روی یک عنصر HTML5 قرار می دهیم. [تصویر: rocket.png]
برای CSS ما قصد داریم به موارد زیر عمل کنیم:

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


2. بعد، از منوی -webkit-box-reflect CSS برای نشان دادن تصویر به پایین استفاده کنید.
3. سپس تصویر را با استفاده از -webkit-gradient ماسک می کنیم تا تصویر را در پایین پایین بیاوریم و فقط یک قسمت یا کمتر از تصویر را نمایش می دهیم.
با استفاده از کدهای بالا، شما یک تصویر بازتابی شبیه تصویر زیر دارید.
[font=Cormorant Garamond, Arial, serif]
[size=xxx-large]مقالات مرتبط[/size]
مشاهده لینک مشاهده لینک مشاهده لینک [/font]
نقل قول


موضوع های مرتبط با این موضوع...
موضوع: نویسنده پاسخ: بازدید: آخرین ارسال
  معرفی ابزارهای ایجاد پالت رنگی در طراحی سایت sitecode 0 89 Sunday 02 February 2020 22:00
آخرین ارسال: sitecode
  چگونه در گوگل رابط کاربری API را ایجاد کنیم؟ armitazaman 0 462 Saturday 20 August 2016 09:57
آخرین ارسال: armitazaman
  آموزش برنامه نویسی .CSS (ایجاد کادر) moonlover 0 521 Sunday 12 September 2010 15:30
آخرین ارسال: moonlover
  آموزش برنامه نویسی .CSS (نحوه ایجاد انواع لیستهای مرتب (ordered)) moonlover 0 360 Sunday 12 September 2010 14:18
آخرین ارسال: moonlover
  آموزش برنامه نویسی .CSS (نحوه ایجاد انواع لیستهای نامرتب: (unordered) ) moonlover 0 420 Sunday 12 September 2010 14:16
آخرین ارسال: moonlover

پرش به انجمن:



زمان کنونی: Friday 28 February 2020, 09:41