کد کج شدن متن با رفتن ماوس روی ان

کد کج شدن متن با رفتن ماوس روی ان این کد با css طراحی شده که متن هایی که در تگ <p> قرار بگیرن بعد از رفتن ماوس روی ان به صورت کج در میایند و شما میتوانید مقدار کج شدت ان را در قسمت  {Transform:Rotate(10deg);} تغییر دهید ۱۰ نشان دهنده مقدار کج شدن عکس میباشد

کد کج شدن متن با رفتن ماوس روی ان

دمو کد

<p style="text-align: center;">
<style type="text/css">
p:hover{Transform:Rotate(10deg);}</style></p><div style="text-align: center;" class="codebazanUser">


<h1><p>
codebazan.ir
</p>

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

 

کد کج شدن نوشته در سایت

دموی کد

<p style="text-align: center;"><style type="text/css">.codebazanUser p {Margin:5px 110px 11px 5px;Border:2px Solid #ccc;Border-Radius:10000px;Transition-Duration:0.1s;}.codebazanUser 


p:hover{Transform:Rotate(10deg);}</style></p><div style="text-align: center;" class="codebazanUser">


<h1><p>
codebazan.ir
</p>

 

کد فوق را میتوانید در ابزار پیش نمایش کدبازان تست نمایید

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *