اسپویل کردن متن در وبلاگ

متن اسپویل شده یکی از ویژگی های کاربردی در این روز ها شده برای همین تصمیم گرفتم  با یک کد ساده این ویژگی رو به وبلاگ های شما منتشر کنم.

در ابتدا نمونه ای از این کد رو با هم ببینیم:

سلام دوست من

حالا برای ایجاد این ویژگی با آموزش زیر همراه باشید.

ابتدا از طریق تصویر زیر بخش ویرایش CSS قالب فعلی خودتون رو باز کنید و کد زیر رو کپی و پیست کنید‌. (ترجیحا در آخر کد ها)

.spoiler {
  filter: blur(6px);
  font-family: inherit
}
        
.spoiler:hover {
 filter: blur(0);
 transition: .2s all ease-out
}

کار تمام شد حالا به بخش ارسال مطلب جدید وارد و متن مورد نظر رو طبق آموزش زیر اسپویل کنید

گزینه منبع ادیتور رو انتخاب و متن انتخابی شما با تگ samp رو پیدا کنید و در نهایت کلاس زیر رو بهش اضافه کنید

class="spoiler"

 

تمام حالا متن شما اسپویل شد.