در ادامه معرفی دموی های شگفت انگیز در این مطلب دموهای فوق العاده دیگری را به نمایش می گذاریم: طراح: Dissimulate کلیک راست یادتون نره :) See the Pen Tearable Cloth by dissimulate (@dissimulate) on CodePen. طراح: Hakim El Hattab See the Pen 404 by Hakim El Hattab […]
ویژگی overflow تعیین می کند که محتوایی که از مرزهای عنصر خارج می شود, نمایش داده شود یا نه. و همچنین چگونگی نمایش را نیز تعیین می کند. فقط عناصری که از نوع بلاک هستند محتوایشان سر ریز می شود. این ویژگی مقادیر زیر را می پذیرد: overflow: visible; /* مقدار پیشفرض */ overflow: […]
این روزها بازار کار با Flexbox داغ شده است و تا هنوز Grid در بین مرورگرها در جایگاه خوبی برای پشتیبانی قرار نگرفته است, فلکس باکس تازنده میدان است. از آنجا که پربازدیدترین مطلب این وب سایت تا زمان نوشتن این مطلب flexbox بوده است, تصمیم گرفتم تا مطلبی برای معرفی ابزارهایی که به یادگیری […]
ویژگی clear بطور مستقیم با ویژگی float در ارتباط است. کار این ویژگی این است که اطراف عنصر شناور را پاکسازی کند تا عناصر دیگر به پایین عنصر شناور سقوط کنند. ویژگی float به دنیای وب معرفی شد تا بتوانیم طرحی شبیه به مجلات و روزنامه ها داشته باشیم. جایی که تصویری را به نمایش […]
ویژگی float از آن دسته از ویژگی هایی است که مکان عنصر را مشخص می کند. این ویژگی باعث می شود تا عنصر به سمت چپ یا راست عنصر نگهدارنده اش هول داده شده یا شناور شود. این ویژگی می تواند مقادیر زیر را داشته باشد: float: right; float: left; float: none; /* مقدار […]
از ویژگی z-index برای تعیین ترتیب عناصر زمانی که روی هم قرار می گیرند, استفاده می شود. یعنی مشخص می کند که عنصر, رو یا زیر عنصر یا عناصر دیگر قرار بگیرد. این ویژگی یک عدد صحیح را به عنوان مقدار می پذیرد پس اعداد مثبت, منفی و صفر قابل قبول می باشند. z-index: […]
در این سری مطالب قصد داریم تا دموهای فوق العاده ای که در چند سال اخیر در سایت کدپن به نمایش گذاشته شده اند را معرفی کنیم. و از آن مهم تر با سازندگان این دموها آشنا شویم تا کارهای آنها را از این به بعد دنبال کنیم. بعضی از دموها شروع قشنگی دارند پس […]
با استفاده از ویژگی right می توان فاصله لبه راست عناصری که position گرفته اند را از مبداشان تعیین کرد. برای درک این ویژگی باید با ویژگی position کاملا آشنا باشید. به ویژگی هایی نظیر right ویژگی های آفست می گویند. دیگر ویژگی های مربوط به آفست عناصر bottom, left, top می باشند. ویژگی های […]
با استفاده از ویژگی left می توان فاصله لبه چپ عناصری که position گرفته اند را از مبداشان تعیین کرد. برای درک این ویژگی باید با ویژگی position کاملا آشنا باشید. به ویژگی هایی نظیر left ویژگی های آفست می گویند. دیگر ویژگی های مربوط به آفست عناصر bottom, right, top می باشند. ویژگی های […]
با استفاده از ویژگی bottom می توان فاصله لبه پایینی عناصری که position گرفته اند را از مبداشان تعیین کرد. برای درک این ویژگی باید با ویژگی position کاملا آشنا باشید. به ویژگی هایی نظیر bottom ویژگی های آفست می گویند. دیگر ویژگی های مربوط به آفست عناصر left, right, top می باشند. ویژگی های […]
