کد کج شدن متن با رفتن ماوس روی ان
کد کج شدن متن با رفتن ماوس روی ان این کد با 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>
کد فوق را میتوانید در ابزار پیش نمایش کدبازان تست نمایید