یاد بگیرید چگونه به اضافه کردن جلوه های براق به سرعت و به راحتی با CSS3

یک درخشش به عنصر صفحه وب برای تاکید اضافه کنید

یک نور نرم نرم در عین حال در صفحه وب شما باعث می شود که عنصر به بیننده بیفتد. از CSS3 و HTML برای جابجایی در اطراف لبه های خارجی یک شیء مهم استفاده کنید. اثر شبیه به تابش بیرونی اضافه شده به یک شی در فتوشاپ است.

ابتدا عنصر برای تبخیر را ایجاد کنید

جلوه های براق را می توان در هر پس زمینه رنگی انجام داد، اما آنها در زمینه های تاریک به نظر می آیند، زیرا به نظر می رسد که تابش نور بیشتری می دهد. در این مثال جعبه مربع مستطیلی گرد، عنصر DIV در عنصر دیگری از DIV با پس زمینه سیاه قرار می گیرد. DIV بیرونی برای تاباندن نور نیازی نیست، اما روشنایی در یک زمینه سفید، دشوار است.

کلاس DIV را به DIV بگذارید:


اندازه و رنگ عنصر را تنظیم کنید

پس از انتخاب عنصری که می خواهید جلوه های زیبایی را جار بزنید، پیش بروید و هر نوع سبک ای که می خواهید به آن اضافه کنید، مانند رنگ پس زمینه، اندازه و فونت. این مثال یک مستطیل آبی است؛ اندازه آن به 147 پیکسل تا 90 پیکسل تنظیم شده است. و رنگ پس زمینه به # 1f5afe، یک آبی سلطنتی تنظیم شده است. این شامل یک حاشیه برای قرار دادن عنصر در وسط عنصر کانتینر سیاه است.