بارها شده وارد سایت هایی بشید و برخی از عکس ها یا متن های سایت حالت متحرک یا انیمیشن داشته باشند یا روی منوهای سایت برید و حالت اون متن یا آیکن اون منو تغییر کنه.

شاید شما هم دوست داشته باشید این حالت را روی وب خودتون داشته باشید اما نوشتن همچین کدهایی نیاز به یادگیری زبان های html و css دارد.

حال سایتی است که میتونه در این باره به شما کمک کنه. یعنی بدون هیچ دانش کدنویسی میتونید نوع استایل انیمیشن مورد نظر خود را انتخاب کنید و کد آن را جایگزین کنید.

سایت هایی هستند که وقتی موس را روی عکس میبری، اون عکس 180 درجه میچرخه.

شاید واستون جالب اومده باشه و بخوایید شما هم عکس ها و تصاویر سایتتون را وقتی موس بازدیدکننده میره روی تصویر  180 درجه بچرخونید !!!

اینکار توسط rotate در css امکان پذیر است.

به طوریکه شما ابتدا ثانیه چرخش رو مشخص میکنید و بعد هم اندازه چرخش رو به کلاس استایلتون میدید.

مواقعی پیش میاد که شما برای کادرتون در قالب width یا اندازه مشخص شده در نظر میگیرید...

اما  با کشیدن یکسری کلمات یا استفاده پشت سر هم از یک کلمه باعث میشه که متن از کادر بیرون بزنه.

جهت جلوگیری از این کار فقط استفاده از width کافی نیست.

کادر، یکی از مهمترین قسمتهای طراحی وب میباشد.

شما اگر نتوانید کادر مناسبی برای قالب وبتون در نظر بگیرید قطعا طراحیتون زیاد خوب از آب در نمیاد.

حتی خود این وب برای اینکه طرح های زیبای بتونیم براش در نظر بگیریم از border یا کادر استفاده کرده ایم. میخواهیم با هم ببینیم کار border در استایل نویسی چیه و چه کاری یا چه کارهایی میتونه انجام بده.

تا حالا شده براتون پیش اومده باشه دو تا عکس را کنار هم قرار بدید. ولی یک عکس بالا و یکی پایین میفتد.

خوب یکی از راه حل های ساده برای کنار هم قرار دادن اونها استفاده از table هست.

اما در کدنویسی جدید Html 5 استفاده از table صحیح نیست. زیرا منسوخ شده است و استفاده از اون پیشنهاد نمیشه.

حالا برای اینکه بدون استفاده از table دو عکس یا دو متن یا بهتر بگم دو چیز را کنار هم قرار بدیم باید چیکار کنیم؟