transform-translate

CSS

توسط souda در 5 سال پیش
0 41.8k 1 5 سال پیش
souda theknight
0
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;
		}

سلام خسته نباشید میشه این کد رو برا من تفسیر کنید
ایا میشه به روش دومی هم نوشت؟

1

سلام
با 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;
}

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

خوش آمدید

برای طرح سوال، ایجاد بحث و فعالیت در سایت نیاز است ابتدا وارد حساب کاربری خود شوید. در صورتی که هنوز عضو سایت نیستید میتوانید در عرض تنها چند ثانیه ثبت نام کنید.