طراحی لوگو با css
سلام در ببخشید در css برای طراحی لوگوz اون خط اریب وسطی را چگونه بنویسم لطفا در را برای من ارسال کنید یا راهنمایی کنید ممنون
ثبت پرسش جدید
پاسخ‌ها
5کد یا سایت راهنما
کد css زیر کارش چرخوندن المان هست. میتونید ازش برای خط اریب استفاده کنید.
-moz-transform: rotate(-35deg);
-webkit-transform: rotate(-35deg);
-o-transform: rotate(-35deg);
-ms-transform: rotate(-35deg);
transform: rotate(-35deg);
گفتگوهای مرتبط
شاید پاسخ شما همین‌جا باشد
يعني همين كدي را كه فرستادين رو داخل اون border قرار بدم و با اين كار اريب ميشه
کد بالا رو روی هر المانی که اعمال کنید، اون رو میچرخونه. خط بالا و پایین رو بوجود بیارید و این کد رو برای خط وسط استفاده کنید.
من براتون ی حرف Z در ابعاد 100 پیکسل در 100 پیکسل درست کردم، ولی این صرفا ی مثال هستش. جزئیاتش رو خودتون باید بهش بپردازید. بفرمایید:
<html>
<head>
<style>
div {
position: relative;
height: 100px;
width: 100px;
border-top: 1px solid red;
border-bottom: 1px solid red;
transform: scaleY(-1);
}
div::after {
content: '';
position: absolute;
left: 1px;
top: 0;
width: 141px;
border-top: 1px solid red;
transform-origin: 0 0;
transform: rotate(45deg);
}
</style>
</head>
<body>
<div></div>
</body>
</html>