در این پست از وب سایت یک لرن مجموعه دوم کد انواع اشکال هندسی با CSS ( قسمت دوم ) را برای شما آماده کرده ایم که امیدواریم برای شما مفید واقع شود
شما میتوانید برای مراجعه به کد انواع اشکال هندسی با CSS ( قسمت اول ) کلیک کنید !
برای مشاهده بخش دوم در ادامه مطلب همراه ما باشید …
کد انواع اشکال هندسی با CSS ( قسمت دوم )
5- کد ساخت مثلث به سمت بالا با CSS3
کد html :
<div id="up-triangle"></div>
کد CSS :
#up-triangle { width: 0; height: 0; border-bottom: 120px solid blue; border-left: 60px solid transparent; border-right: 60px solid transparent; }
6- کد ساخت مثلث به سمت پایین با CSS3
کد html :
<div id="down-triangle"></div>
کد CSS :
#down-triangle { width: 0; height: 0; border-top: 120px solid blue; border-left: 60px solid transparent; border-right: 60px solid transparent; }
7 – کد ساخت مثلث به سمت راست با CSS3
کد html :
<div id="right-triangle"></div>
کد CSS :
#right-triangle { width: 0; height: 0; border-left: 100px solid blue; border-top: 50px solid transparent; border-bottom: 50px solid transparent; }
8 – کد ساخت مثلث به سمت چپ با CSS3
کد html :
<div id="left-triangle"></div>
کد CSS :
#left-triangle { width: 0; height: 0; border-right: 100px solid blue; border-top: 50px solid transparent; border-bottom: 50px solid transparent; }
9 – کد ساخت متوازی الاضلاع با CSS3
کد html :
<div id="parallelogram"></div>
کد CSS :
#parallelogram { width: 130px; height: 75px; background: blue; -webkit-transform: skew(20deg); -moz-transform: skew(20deg); -o-transform: skew(20deg); transform: skew(20deg); }
در اینجا قسمت دوم کد شکل های هندسی به پایان رسید
امیدواریم این بخش نیز برای شما مفید بوده باشه
منتظر بخش های آینده باشید !
ممنونم ! خدا به شما خیر و برکت بده
انجام شد اما مشکل حل نشد.
از شما برای همفکری بسیار ممنونم .. اگر هر زمان راه حل مناسبی یافتید ممنون میشم در این پست مطرح کنید. حلش برای من واقعا مهم هست ضمن اینکه شاید سوال دوست دیگری هم باشد در آینده
خواهش میکنم
من از دوستان دیگه همکار هم این مشکل رو جویا میشم
اگر راه حلی پیدا کردم ایمیل میکنم براتون
موفق باشید !
از شما برای پاسخ و بررسی متشکرم.
منظور من شکل مثلثی هست که به رنگ پس زمینه ی قالب است
و
کادر سفیدی که دربردارنده ی شمارش اسلاید است، از منظور من خارج است. قسمت مذکور مشکلساز نیست
فقط مثلث همرنگ بکگراند مشکلساز است.
بازهم ممنونم
خب به نظرم من اول به مثلث خاصیت زیر رو بدید
و سپس به مثلث یه بار width ثابت پیکسلی و یه بار width صد درصد بدید ببینید مشکلتون حل میشه یا نه
ارسال شد
سلام
آیا راهی هست به جای پیکسل از درصد استفاده کنیم؟
در بزرگنمائی و کوچکنمایی صفحه اسکرین ، پیکسل ها بی نظمی ایجاد میکنند. به خصوص اگر مثلث، لایه ی رویی صفحه ، باشد.
لطفاً راهنمائی کنید
ممنونم
سلام برای مقادیر height و width شما نمیتونید از درصد استفاده کنید چون شکل شما به کلی تغییر میکنه
مثلا به مثلث width درصدی بدید ببینید چطور تغییر میکنه
در ضمن دقیقا مفهوم بی نظمی رو نفهمیدم اگه ممکنه سندتون یا یه عکس رو بزارید تا نگاهی بندازیم و حل کنیم مشکلش رو
موفق باشید !
سلام
از پاسخ و بررسی شما ممنونم.
بله مشکل همین هست که از درصد برای ابعاد اشکال هندسی نمیشه استفاده کرد.
در یک قالب یک مستطیلی هست که ( از قسمت میانه ی سمت چپ و پایین تا گوشه ی راست-پایین) باید با یک مثلث پوشش داده بشه.
ولی در بزرگنمایی و کوچکنمایی اسکرین دسکتاپ پوزیشن اش به ویرایش نیاز پیدا میکنه.
امیدوارم منظورم رو خوب رسونده باشم.
چطور میتونم شکل رو برای شما ارسال کنم؟
ممنونم
من ایمیل تون رو دریافت کردم اگه راهی به نظرم رسید براتون ایمیل میکنم
فقط سوالی هست منظورتون از مثلثی که روی مستطیل اومده و اونو پوشونده اینی هست که در تصویر براتون مشخص کردم ؟
http://www.axgig.com/images/14914532820511988034.jpg