چرخش div

[omidparkour]

سلام
من یه div دارم که میخوام وقتی روش کلیک شد مثل باتن نارنجی کلیپ زیر بچرخه و داخلش محتویات باشه
چجوی باید درست کرد؟؟
دانلود کنید (http://up.i90.ir/uploads/1403601555.zip)

[omidparkour]

لطفا یکی راهنمایی کنه:گریه::گریه::گریه::گریه:

[dreadful]

بهترین چیزی که پیدا کردم این بود !
http://codepen.io/SaraSoueidan/pen/sBELl

میتونی از این هم استفاده کنی !
http://www.w3schools.com/css/css3_3dtransforms.asp

با این !
http://www.w3schools.com/css/tryit.asp?filename=trycss3_transform_scale

قاطی پاتیش کن شاید یه چیزی شد ،تو نت هم بگرد شاید اسکریپتش باشه

[omidparkour]

سلام
من چرخشش رو با کد های زیر درست کردم اما حالا میخوام وقتی که کلیک میکنم روش حین چرخیدن بزرگ هم بشه که پشتش مطلب باشه چجوری اینکار رو باید کرد؟؟
<script src="jq/jquery-1.11.1.min.js"></script><script>
$(document).ready(function() {
$("#blog").click(function(){
$(this).addClass("blog-click");
});
</script<
.blog-click{
-webkit-transform: rotateY(180deg); /* Chrome, Safari, Opera */
transition-duration: 1s, 1s;
-webkit-transition: transform 1s;


}

[دانیال دزفولی]

بزرگ بشه با scale(1.5) توی همون ترنسفورم

اگه میخوای کم رنگ بشه با rgba

[omidparkour]

ممنون
امکانش هست که اندازه ی کل صفحه بزرگ بشه
یعنی خودش تشخیص بده صفحه اندازه اش چقدره و اون اندازه بشه؟؟
یک چیز دیگه اینکه چجوری بعد از اینکه چرخید یک متن دیگه باشه توی اون div؟؟؟

[دانیال دزفولی]

یه تایپیک زده بودم چند روز پیش برو ببین

با متغیر ها میتوین کاری کنی؟

[omidparkour]

یعنی چی؟؟؟

[دانیال دزفولی]

یعنی درساتو خوب بخون ;)

http://barnamenevis.org/showthread.php?456686-%D8%A7%D9%86%D8%AF%D8%A7%D8%B2%D9%87-%DB%8C-%D8%B5%D9%81%D8%AD%D9%87-%D8%A8%D8%A7-%D8%AC%DB%8C-%DA%A9%D9%88%D8%B1%DB%8C


این مقدار هارو بندازید توی یه متغیر و بگید وقتی روش کلیک شد



$('sel').width(var)

[omidparkour]

متوجه نشدم
میشه یکم واضح تر بگین
شرمنده کردین شما منو

[دانیال دزفولی]

خوب من فکر کردم جی کوری کار کردید نگفتید کار نکردید



$(function() {
$('div').click(function() {
$('div').addClass('big')
})
})





$(function() {


$('div').click(function() {


var w = $(window).outerWidth();
var h = $(window).outerHeight();
$(this).height(h);
$(this).width(w);
})
})

[omidparkour]

jquery یه کمی بلدم در حد همون کد اولی
الان بزرگ میشه اما باز هم تمام صفحه نمیشه

[omidparkour]

کمک کنید خواهشا

[دانیال دزفولی]

الآن میخوای چیکار کنی؟ میشه بگی؟

اصلا چرا برای عرضو ارتفاع 100% رفتی سراغ جی کوری؟

با پوزیشن فیکس و لفت و رایت و تاپ و باتم 0 همه چی درست میشه و کل صفحه رو میگیره


اگه هم باز کل صفحه رو نگرفت


*{margin:0;padding:0}

[omidparkour]

نمیشه آخه کلی امتحان کردم
بعد چجوری وقتی چرخید یک متن دیگه باشه پشتش؟؟

[دانیال دزفولی]

یعنی چی یه متن پشتش باشه؟

z-index رو تحقیق کنید

الآن یه فایل میسازم