یه مهمون جدید به نام Boxer +آپ‌دیت+

یه مهمون جدید به نام Boxer

کلاسی جدید توی آیتک به نام BOXER

والا یعنی همون بوکسور خودمون ولی حقیقتا این معنی هیچ ربطی به قضیه نداره، خب راستش اسمش از BOX و ER تشکیل شده؛ باز هم یه اسم بی معنای من‌درآوردی، ولی باحاله، هم خودش هم اسمش، انگیزم هم از ایجادش یه پستی از چرتک بلاگ بود که واقعا ممنونم ازش و تشکر از اصلاحاتش!

BOXER یه کلاسه برای قراردادن یه متن تو یه جعبه ی خاص!

بنده دو نمونشو با دو رنگ مختلف آماده کردم تا شما عزیزان مشاهده کنید و همونطور که میدونید مدیونید نظرتونو نگید یا لااقل در صورت مورمور شدن سلول های جذاب مغزتون بکوبونید رو لایک دیگه! عه! خخخخخ شوخی نمودم هر جور مایلید.

خب حالا دیگه وقت رونماییه: 

خواهش می‌کنم! تشویق نکنید! خجالت میکشم.

اوهووم اوهووم، ببخشید تو حال خودم بودم.

داستان وقتی جذاب تر می‌شه که موستون رو ببرید روش!

اگه هم که با موبایلید روش یه بار ضربه بزنید!

او له له ^{بخوانید : O LA LA} !!!

خب دوستانِ بلاگر باز هم تاکید می‌کنم نظر یادتون نره

اگه هم کدشو میخواید،

که قطعا میخواید ^{#از_خود_راضی} بفرما :   تو ادامه مطلبه  

کد بنفشه :

.boxer-p {
    margin:8px 2px;
    padding: 2px 5px;
    border-radius: 20px 0px;
    background: #e8aff3;
    background-image: linear-gradient(90deg,#ffc2f5,#e2bfff);
    border-right: 3px solid #b800a6;
    border-left: 3px solid #ff00b7;    
    text-align: center;
    direction: rtl;
    transition: all 1s cubic-bezier(0.75,-5,0.25,5);
}
.boxer-p:hover {
    border-radius: 0px 20px;
    background-image: linear-gradient(-90deg,#ffc2f5,#e2bfff);
    border-right-color: #ff00b6;
    border-left-color:#b800a5;
}

کد آبیه :

.boxer-b {
    margin:8px 2px;
    padding: 2px 5px;
    border-radius: 20px 0px;
    background: #afd8f3;
    background-image: linear-gradient(90deg,#c2f7ff,#c8e4ff);
    border-right: 3px solid #0056b8;
    border-left: 3px solid #00b2ff;    
    text-align: center;
    direction: rtl;
    transition: all 1s cubic-bezier(0.75,-5,0.25,5);
}
.boxer-b:hover {
    border-radius: 0px 20px;
    background-image: linear-gradient(-90deg,#c2f7ff,#c8e4ff);
    border-right-color: #00b2ff;
    border-left-color:#0056b8;
}