问答详情
源自:1-4 CSS3照片墙 动画实现

这么多个图片的位置和角度 是不是可以用js写会简单一点呢

这么多个图片的位置和角度  是不是可以用js写会简单一点呢

提问者:慕婉清0837092 2016-06-20 18:15

个回答

  • happy_ye16
    2016-09-27 11:01:45

    ……

    img:hover{

    -webkit-transform: rotate(0deg) !important;

    -moz-transform: rotate(0deg) !important;

    transform: rotate(0deg) !important;

    -webkit-transform:scale(1.2)!important;

    -moz-transform: scale(1.2)!important;

    transform:scale(1.2)!important;

    box-shadow: 10px 10px 15px #ccc !important;

    z-index: 100 !important;

    }

    </style>


    <script type="text/javascript">

    window.onload = function(){

    var con = document.getElementById("container");

    var imags=document.getElementsByTagName("img");

    for (var i = 0; i < imags.length; i++) {

    imags[i].style.transform= "rotate("+ Math.floor(Math.random()*45) + "deg)";

    imags[i].style.top=Math.floor(Math.random()*con.clientHeight*0.8)+"px";

    imags[i].style.left=Math.floor(Math.random()*con.clientWidth*0.8)+"px";

    }

    }

    </script>


  • 慕的地7935693
    2016-06-22 10:53:22

    我感觉可以用js写随机角度