رفتن به مطلب

چرخش متن با جی کوئری


پست های پیشنهاد شده

سلام. صفحه زیر مربوط به یه جی کوئریه، که هر وقت موس روی.... . (خودنون توی صفحه می فهمید)

حالا مشکل من: وقتی که فقط کدهای مربوط به استایل رو توی فایل استایل کپی می کنم، بدون این که توی فایل هدر ( یا هر فایل دیگه ای) فراخوانیش کنم، خود به خود قالب به هم میریزه و وقتی که موس رو از بالا تا پایین سایت میارم، همه ی اجزای سایت شروع به چرخش می کنند!

چرا؟ چی کار کنم تا درست بشه؟

آدرس:

http://www.w3schools.com/css3/tryit.asp?filename=trycss3_transition2

لینک به ارسال

این CSS3 هست نه جکوئری

و یه استایل هست

برای حل موضوع به div کلاس اختصاص بدید


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
.divc
{
width:100px;
height:100px;
background:red;
transition:width 2s, height 2s;
-moz-transition:width 2s, height 2s, -moz-transform 2s; /* Firefox 4 */
-webkit-transition:width 2s, height 2s, -webkit-transform 2s; /* Safari and Chrome */
-o-transition:width 2s, height 2s, -o-transform 2s; /* Opera */
}
.divc:hover
{
width:200px;
height:200px;
transform:rotate(180deg);
-moz-transform:rotate(180deg); /* Firefox 4 */
-webkit-transform:rotate(180deg); /* Safari and Chrome */
-o-transform:rotate(180deg); /* Opera */
}
</style>
</head>
<body>
<p><b>Note:</b> This example does not work in Internet Explorer.</p>
<div class="divc">Hover over me to see the transition effect!</div>
</body>
</html>

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...