چگونه از کلاس کاذب hover در سی اس اس استفاده کنم؟
گام اول : کدنویسی اچ تی ام ال (html) ؛ ساختار بلاک مورد نظرمون رو ایجاد میکنیم. شامل عکس و عنوان عکس که می خواهیم افکت هاور را رویشان اعمال کنیم.
<div class="block">
<img title="" alt="" src="/park.jpg">
<div class="block-caption">
عنوان عکس مورد نظر
</div>
</div>
با سلام در خدمتون هستم با آموزش سی اس اس در این بخش با هم یک روبان برای گوشه باکس طراحی می کنیم.
قدم اول : کدنویسی ساختار باکس و روبان
<div id="box-wrp">
<div class="rooban-wrp">
<div class="rooban">1coder.blog.ir</div>
</div>
</div>
قدم دوم : استایل باکس
#box-wrp {
margin: 50px auto;
width: 280px;
height: 370px;
background: white;
border-radius: 10px;
box-shadow:0px 0px 8px rgba(0,0,0,0.3);
position: relative;
z-index: 90;
}
در این مطلب در خدمت تون هستم با فیلم آموزش سی اس اس نحوه ی پنهان کردن یک تصویر و نمایش تصویر دیگر را آموزش بدهم ، امیدوارم براتون مفید باشه.( آموزش درخواستی کاربر) ؛ صفحه مربوط به دمو و کدها (کلیک کنید)
با سلام ، امروز در خدمت تون هستم با آموزش طراحی شکل قلب با استفاده از سی اس اس (css)
برای طراحی شکل قلب به سه شکل نیاز داریم ؛ یه مربع با دوتا دایره!
بخش اول آموزش سی اس اس CSS
تاریخچه مختصر
در سال 1995 توسط کنسرسیوم جهانی وب (W3C) معرفی شد.
سال 1996 این استاندارد به طراحان وب توصیه شد.
سال 1998 نیز نسخه دوم این استاندارد نیز منتشر شد.
اولین سایتی که طراحی قدیمی را کنار گذاشت و در طراحی قالب از css استفاده کرد، سایت ورزشی ESPN بود و سایت دیگری هم بودند
که از این استاندارد استفاده کردند همچون GAMESPOT که بعنوان بزرگترین سایت مرتبط با بازی های کامپیوتری شناخته میشود.
