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

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



بستن
فروش تبلت کارکرده
امیرسامیار امیرسامیار 8 25
مظهر باروری و همچنین زیبایی یک زن چیست؟
jarahezibai jarahezibai 0 3
فواید زیست محیطی در بازیافت ضایعات
lemonn lemonn 0 11
در جراحی پلک، کشش در حاشیه زخم موجب چه میشود؟
jarahezibai jarahezibai 0 9
سینه درشت باعث محدود شدن فعالیت های ما میشود؟
jarahezibai jarahezibai 0 11
وسایل مجاز در فرودگاه چیست؟ آیا سگ می توانیم ببریم؟
needstars needstars 0 12
آیا لیزر برای خلاص شدن از شر موهای کرکی کمکی می کند؟ بعیده!
needstars needstars 0 11
بیمه مسافرتی آیا لازم است؟ رو راست باشیم!
needstars needstars 0 11
کلاد چیست و نقش آن در سرور مجازی چگونه است
webpouyanii webpouyanii 0 14
اولین نقاط صورت که نشانه‌های پیری در آن بروز می کند کجاست؟
jarahezibai jarahezibai 0 15
بزرگی بیش از حد سینه چه تاثیری رو ستون فقرات میگذارد؟
jarahezibai jarahezibai 0 19
چرا در خانم ها کسی بخواهد جراحی سینه برای کوچک کردن سینه انجام دهد؟
jarahezibai jarahezibai 0 21
در مورد چه بیماری هایی قبل از جراحی سینه باید با دکتر صحبت کنیم؟
jarahezibai jarahezibai 0 23
کولیت زخمی
negin85 negin85 0 18
سرطان پوست
negin85 negin85 0 14
دلایل ابتلا به بیماری کم کاری تیروئید
negin85 negin85 0 13
سرطان معده
negin85 negin85 0 14
سنگ کلیه
negin85 negin85 0 13
بیماری ام اس چیست؟
negin85 negin85 0 13
باشگاه مبارزه (Fight Club)
neda75 neda75 0 18
نردبان جیکوب (Jacob’s Ladder)
neda75 neda75 0 14
. درخشش ابدی یک ذهن پاک (Eternal Sunshine of the Spotless Mind)
neda75 neda75 0 13
یادگاری (Memento)
neda75 neda75 0 13
جزیره‌ شاتر (Shutter Island)
neda75 neda75 0 13
آسمان وانیلی (Vanilla Sky)
neda75 neda75 0 13
ابر اطلس (Cloud Atlas)
arad65 arad65 0 13
پرتقال کوکی (A Clockwork Orange)
arad65 arad65 0 14
جان مالکوویچ بودن (Being John Molkovich)
arad65 arad65 0 13
آقای هیچ‌کس (Mr. Nobody)
arad65 arad65 0 13
چشمه (The Fountain)
arad65 arad65 0 12
تقدیر (Predestination)
arad65 arad65 0 11
کتاب سیزده دلیل برای اینکه
parsa45 parsa45 0 10
کتاب صید قزل‌آلا در آمریکا
parsa45 parsa45 0 10
کتاب پیامبر و دیوانه
parsa45 parsa45 0 8
کتاب جین ایر
parsa45 parsa45 0 7
کتاب پیرمرد صد ساله ای که از پنجره بیرون پرید و ناپدید شد؛
parsa45 parsa45 0 11
کتاب سیذارتا
parsa45 parsa45 0 10
عامل ایجاد کیسه زیر چشم چیست؟
jarahezibai jarahezibai 0 12
رمان شما که غریبه نیستید+لینک دانلود
mohadese Amir1867 4 1639
مصرف الکل قبل از جراحی سینه چه تاثیری روی بدن ما میگذارد؟
jarahezibai jarahezibai 0 12

نماد ها
دسترسی سریع به تاپیکهای مهم
تبلیغات
مطالب منتخب
مطالب پربازدید
مطالب پربازدید
ایجاد بازتاب آینه ای با استفاده از CSS و Reflection.jsزمان کنونی: Wednesday 22 January 2020, 17:15
کاربرانِ درحال بازدید از این موضوع: 1 مهمان
نویسنده: magbot
آخرین ارسال: magbot
پاسخ: 1
بازدید: 197
 
امتیاز دهید:
  • 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]
نقل قول


موضوع های مرتبط با این موضوع...
موضوع: نویسنده پاسخ: بازدید: آخرین ارسال
  چگونه در گوگل رابط کاربری API را ایجاد کنیم؟ armitazaman 0 451 Saturday 20 August 2016 09:57
آخرین ارسال: armitazaman
  آموزش برنامه نویسی .CSS (ایجاد کادر) moonlover 0 516 Sunday 12 September 2010 15:30
آخرین ارسال: moonlover
  آموزش برنامه نویسی .CSS (نحوه ایجاد انواع لیستهای مرتب (ordered)) moonlover 0 357 Sunday 12 September 2010 14:18
آخرین ارسال: moonlover
  آموزش برنامه نویسی .CSS (نحوه ایجاد انواع لیستهای نامرتب: (unordered) ) moonlover 0 409 Sunday 12 September 2010 14:16
آخرین ارسال: moonlover
  ایجاد نمودار میله ای در ویژوال بیسیک دخترکی تنها 3 1,040 Saturday 01 May 2010 19:51
آخرین ارسال: HSP

پرش به انجمن:



زمان کنونی: Wednesday 22 January 2020, 17:15