گزینه ها
souda

transform-translate

CSS
توسط souda در 2 سال پیش
086912 سال پیش
کد
    a::before,

        a::after {
        display: inline-block;
        opacity: 0;
        -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
        -moz-transition: -moz-transform 0.3s, opacity 0.2s;
        transition: transform 0.3s, opacity 0.2s;
        }

سلام خسته نباشید میشه این کد رو برا من تفسیر کنید
ایا میشه به روش دومی هم نوشت؟
پاسخ
سلام
با after و before  میشه یکسری محتویات خاص رو با content بقبل یا بعد  یه المنتاضافه کنیم و بهش استایل هم بدیم

مثال:
کد
<q>Some quotes</q>, he said, <q>are better than none</q>.
کد
q::before {
 content: "«";
 color: blue;
}
q::after {
 content: "»";
 color: red;
}

روش دوم اینه که یه المنت جداگانه ایجاد کنید
پاسخ