قبلا در اینجا توضیح دادیم که چگونه میتوان گوشه های عناصر را انحنا داد. اما اخیرا قابلیت جدیدی به CSS۳ اضافه شده است که با استفاده از آن میتوانید انحنای هر گوشه را به طور جداگانه و با امکاناتی جدید تعیین کنید.
از امکانات جدید میتوان به انحنای افقی و عمودی اشاره کرد که با استفاده از آن میتوانید یک بیضی را با استفاده از CSS۳ طراحی کنید. کاری که قبل از این امکان پذیر نبود.

درباره CSS۳ و قابلیت‌های آن بارها نوشته‌ام اما امروز قصد دارم یک بازی آنلاین را که فقط و فقط با استفاده از قابلیت‌های CSS۳ و HTML۵ ساخته شده است را به شما معرفی کنم. این بازی که Anigma نام دارد یک بازی پازل است و شما باید با قراردادن رنگ‌ها در کنار یکدیگر، آنها را حذف کنید. این بازی در مراحل مختلف از ساده تا خیلی سخت ساخته شده است.

در این مقاله قصد آموزش یک ترفند CSS را دارم که فکر میکنم خیلی از طراحان وب هنوز با آن مشکل دارند. هنوز هیچ دستور مشخصی برای قرار دادن یک عنصر div دقیقا در وسط صفحه‌ی مرورگر وجود ندارد. بسیاری از وبسایتها و صفحات را دیده‌ام که برای این کار از درصدهای نه چندان دقیق استفاده میکنند. برای مثال div خود را به فاصله‌ی ۴۰٪ از بالا و سمت راست یا چپ قرار میدهند که اگر ما اندازه‌ی صفحه نمایش را تغییر دهیم با تغییراتی در محل قرار گیری عنصر مواجه می‌شویم. اما با استفاده از ترفند امروز دیگر این مشکل به وجود نخواهد آمد.

تا سال گذشته که هنوز تب CSS۳ به جان طراحان نیفتاده بود برای ایجاد یک گالری تصاویر زیبا مجبور بودید دست به دامان جاوا، جی‌کوئری، فلش و ... باشید ولی از وقتی نسخه سوم CSS پا به عرصه گذاشته دیگر نیازی به هیچکدام از مواردی که اشاره شد ندارید. در این پست قصد دارم یک گالری عکس زیبا فقط با استفاده از CSS۳ ایجاد کنم پس با من همراه باشید.

همیشه طراحان وبسایتها از سر و کله زدن با Internet Explorer وحشت دارند مخصوصا اگر نسخه ۶ باشد. IE۶ همیشه یکی از مرورگرهایی است که با وجود استاندارد نبودن، کاربران زیادی در سرتاسر جهان دارد و عمده مشکل آن، عدم نمایش صحیح کدهای CSS و برخی از عناصر می باشد. از مشکلات آن میتوان عدم پشتیبانی از Hover در عناصر غیر لینک، دو برابر کردن برخی فاصله ها و در موارد html هم عدم پشتیبانی از PNG را نام برد.
 در این مطلب خواهید آموخت چگونه با صرف کمتر از یک دقیقه وقت، مشکل Hover نشدن عناصر غیر لینک در Internet Explorer ۶ را برطرف سازید.

کسانی که با استفاده از جدول (Table) به طراحی سایت میپردازند، هنوز باور ندارند که همه امکانات جدول در طراحی با CSS نیز میتوانند اجرا شوند. در انجمن های مختلفی که در رابطه با طراحی در آنها بحث میشوند یکی از دلایل استفاده نکردن از CSS را نحوه جایگیری عناصر می‌نامند و در اکثر مواقع نیز طراحی یک فرم تماس را مثال میزنند. آنها میگویند وقتی یک فرم تماس را با استفاده از CSS طراحی میکنند، نظم عناصر به هم ریخته و فرم ها درست بعد از نوشته قرار میگیرند که ظاهر خوبی به فرم طراحی شده نمیدهد.
اما در این مطلب قصد دارم روشی را آموزش دهم که تمامی عناصر به یک اندازه و به طور کاملا منظم در کنار یکدیگر قرار خواهند گرفت. برای مشاهده نمونه کار روی این لینک کلیک کنید.

در بخش قبلی ( شناخت CSS۳ و قابلیت‌های آن - بخش اول) کمی درباره CSS۳ و قابلیتهای آن نوشتم. در این مقاله قصد دارم امکانات بیشتری از CSS۳ و قابلیت‌های آن را برای شما بازگو کنم.

کسانی که به نوعی با طراحی سایت و قالب سروکار دارند به خوبی میدانند CSS در ساختار یک قالب ارزش بسیاری دارد به خصوص از زمانی که پدیده ای به نام Web۲ پا به عرصه طراحی گذاشت.

CSS هم مانند سایر زبان های برنامه نویسی، ورژن های مختلفی دارد. جدیدترین ورژن این زبان، ورژن سوم آن است که اخیرا ذهن طراحان را مشغول کرده است.

در نسخه ی جدید CSS یعنی CSS۳ قابلیت هایی گنجانده شده است که شاید حیرت همگان را برانگیزد.

کسانی که به نوعی با طراحی سایت و قالب سروکار دارند به خوبی میدانند CSS در ساختار یک قالب ارزش بسیاری دارد به خصوص از زمانی که پدیده ای به نام Web۲ پا به عرصه طراحی گذاشت.
CSS هم مانند سایر زبان های برنامه نویسی، ورژن های مختلفی دارد. جدیدترین ورژن این زبان، ورژن سوم آن است که اخیرا ذهن طراحان را مشغول کرده است.
در نسخه ی جدید CSS یعنی CSS۳ قابلیت هایی گنجانده شده است که شاید حیرت همگان را برانگیزد.
در اینجا به معرفی برخی از این ویژگی ها میپردازیم که بسیار جالب و پرکاربرد هستند: