طراحی لوگو با css

سلام در ببخشید در css برای طراحی لوگوz اون خط اریب وسطی را چگونه بنویسم لطفا در را برای من ارسال کنید یا راهنمایی کنید ممنون


ثبت پرسش جدید
1

کد یا سایت راهنما


علی بیات
تخصص : توسعه دهنده ارشد وب
@ali.bayat 5 سال پیش مطرح شد
0

کد css زیر کارش چرخوندن المان هست. میتونید ازش برای خط اریب استفاده کنید.


-moz-transform: rotate(-35deg);
-webkit-transform: rotate(-35deg);
-o-transform: rotate(-35deg);
-ms-transform: rotate(-35deg);
transform: rotate(-35deg);

1

يعني همين كدي را كه فرستادين رو داخل اون border قرار بدم و با اين كار اريب ميشه


علی بیات
تخصص : توسعه دهنده ارشد وب
@ali.bayat 5 سال پیش مطرح شد
1

کد بالا رو روی هر المانی که اعمال کنید، اون رو میچرخونه. خط بالا و پایین رو بوجود بیارید و این کد رو برای خط وسط استفاده کنید.


میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 5 سال پیش مطرح شد
1

من براتون ی حرف 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>

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام