کشیدن مثلث با css سی اس اس

0

کشیدن مثلث با css سی اس اس

سال ها پیش در وب سایت های هر چیزی که مشاهده می کردیم عکس بود و بس! یعنی طراحان وب سایت ها برای پیاده سازی هر شکلی از تصاویر استفاده می کردند! این روند باعث کند شدن لود وب سایت می شد و بازدیدکنندگان وب سایت های کند به طور طبیعی از آن وب سایت ها فراری می شدند!

کشیدن مثلث با css

با آمدن تکنولوژی ای به نام سی اس اس انقلابی در طراحی وب سایت ها به وجود آمد که به جزات می توان یکی از تاثیرگذارترین تکنولوژی های وب نامید!

بعد از آمدن سی اس اس و به خصوص سی اس اس ۳ یا همان css3 دیگر نیاز زیادی به تکنولوژی های دیگر ندارید حتی برای پیاده سازی برخی از انیمیشن ها در صفحات وب از سی اس اس ۳ استفاده می شود و می توان به اشیاء صفحه حرکت داد و آنها را بسیار کاربرپسندتر نمود!

در این درس برای کشیدن مثلث ابتدا یکسری کد html می نویسیم البته ناگفته نماند که این کدها فقط برای نمایش المان هایمان درون صفحه است و کار اصلی را سی اس اس ما انجام خواهد داد.

و حالا به سراغ کدهای سی اس اس خودمون می ریم!

امیدوارم که از این بخش راضی بوده باشید!

البته جوابی که کد بالا به ما خواهد داد شکل زیر است!

آموزش کشیدن مثلث در طراحی سایت

اشتراک:

نظر خود را بیان کنید