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

来源:1-4 CSS3照片墙 动画实现

慕婉清0837092

2016-06-20 18:15

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

写回答 关注

2回答

  • 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写随机角度

CSS3绚丽照片墙

CSS3属性轻松实现绚丽照片墙效果,展示不同位置不同角度多张照片

56605 学习 · 63 问题

查看课程

相似问题