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

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



بستن
همین الان تو چه فکری هستی؟ (22)
گلایه roghayeh 492 14366
محاسبه سن با شکلات (بسیار جالب)
sana sazokar00 9 1020
سئو سایت :افزایش ترافیک چه اثری در سئو دارد
toniyo sazokar00 23 1625
آنچه پس از جراحی بالا کشیدن ابرو در انتظارتان است قسمت دوم
jarahezibai jarahezibai 0 20
آنچه پس از جراحی بالا کشیدن ابرو در انتظارتان است قسمت اول
jarahezibai jarahezibai 0 23
عکس های تبلیغاتی کاتالوگ و بورشور
sepidgra sepidgra 0 27
معجزه مصرف خرما در روز/ چرا باید در دوران بارداری مکمل خورد؟/ روشی غلط در پخت غذا که
nbtfd234 nbtfd234 0 23
ریزش خرما در بم بیشتر از سایر مناطق است/ ریزش خرما شامل پوشش بیمه ای نمی شوند
nbtfd234 nbtfd234 0 22
خسارت به نخیلات در منوجان
nbtfd234 nbtfd234 0 20
بدنی سالم با تغذیه ای سالم
nbtfd234 nbtfd234 0 30
در این مواقع هرگز آب ننوشید!
nbtfd234 nbtfd234 0 25
یک هفته با بورس کالا
nbtfd234 nbtfd234 0 27
سامسونگ اولین کارت حافظه 2 گیگابایتی گوشی های همراه را عرضه کرد
admin fintrent 9 584
آغاز برداشت خرما در برخی از نقاط کشور/ روند نزولی قیمت خرما ادامه دارد
nbtfd234 nbtfd234 0 26
تمایل بازار ارز برای ورود به کانال دلار ۱۰ هزار تومانی/ ترخیص ۶۶۵۳ دستگاه خودروی وارد
nbtfd234 nbtfd234 0 26
کدام نوع جراحی برای من مناسب تر است؟ جراحی پلک یا جراحی بالاکشیدن ابرو؟
jarahezibai jarahezibai 0 26
مشکل استقلال و پروپیچ حل شد
sana sana 0 26
قطع اینترنت ۲۱۰ نقطه برای لو نرفتن سوالات کنکور
sana sana 0 30
بحث نامگذاری روز کوروش دوباره مطرح شد
sana sana 0 23
تقلید از عصر جدید؛ ماجرای خودکشی پسر ۱۲ساله
sana sana 0 27
یک میلیارد یورو ارز دولتی گم شد
sana sana 0 37
فتیله بازار طلا خاموش شد
sana sana 0 20
آخرین اس ام اسی که برای شما اومده چی بوده ؟
sana sana 746 53465
اخرین اس ام اسی که دادین چی بوده ؟
sana sana 588 35407
طراحی چیدمان شبکه برای طراحی وب پاسخگو
magbot magbot 0 28
اشتباهات متداول در بازاریابی محتوا
magbot magbot 0 27
نکاتی درباره تجربه استفاده از وب سایت ضروری
magbot magbot 0 29
المان های غلط برای طراحی سایت چیست
sitecode sitecode 0 37
خوشبختی های کوچک من !!
azadeh roghayeh 81 10157
محاسبه رنگ هاله انسان !!
mdark poonehmedia00 28 8582
ظاهر شما پس از جراحی پلک و جراحی افتادگی پلک چه تغییری خواهد کرد؟
jarahezibai jarahezibai 0 40
مقاصد محبوب گردشگران در تالش کدامند؟
mahno0osh mahno0osh 0 41
خرمای لذیذ استعمران
nbtfd234 nbtfd234 0 40
راهکار‌هایی آسان برای داشتن پوستی خیره کننده +۴ خوراکی براق کننده پوست
nbtfd234 nbtfd234 0 34
خطرناک بودن محصولات تراریخته ثابت شده است؟
nbtfd234 nbtfd234 0 38
داروی خوراکی درمان سرطان پروستات روانه بازار شد
nbtfd234 nbtfd234 0 33
۴توصیه به والدین برای تغذیه سالم کودکان
nbtfd234 nbtfd234 0 40
قبل از Big Bang
tree of life tree of life 11 743
مذاکرات ژنو!!!
دایی جان دایی جان 15 3248
ثبت علامت تجاری در گرگان
fekre bartar fekre bartar 0 39

نماد ها
دسترسی سریع به تاپیکهای مهم
تبلیغات
مطالب منتخب
مطالب پربازدید
مطالب پربازدید
ایجاد بازتاب آینه ای با استفاده از CSS و Reflection.jsزمان کنونی: Tuesday 23 July 2019, 11:24
کاربرانِ درحال بازدید از این موضوع: 1 مهمان
نویسنده: magbot
آخرین ارسال: magbot
پاسخ: 1
بازدید: 108
 
امتیاز دهید:
  • 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 419 Saturday 20 August 2016 09:57
آخرین ارسال: armitazaman
  آموزش برنامه نویسی .CSS (ایجاد کادر) moonlover 0 481 Sunday 12 September 2010 15:30
آخرین ارسال: moonlover
  آموزش برنامه نویسی .CSS (نحوه ایجاد انواع لیستهای مرتب (ordered)) moonlover 0 326 Sunday 12 September 2010 14:18
آخرین ارسال: moonlover
  آموزش برنامه نویسی .CSS (نحوه ایجاد انواع لیستهای نامرتب: (unordered) ) moonlover 0 374 Sunday 12 September 2010 14:16
آخرین ارسال: moonlover
  ایجاد نمودار میله ای در ویژوال بیسیک دخترکی تنها 3 959 Saturday 01 May 2010 19:51
آخرین ارسال: HSP

پرش به انجمن:



زمان کنونی: Tuesday 23 July 2019, 11:24