哪些公司需要网站开发,工作站,建设一个图片下载网站,网站建设核心系统一、实验题目
做一个旋转的3d相册#xff0c;当鼠标停留在相册时#xff0c;相册向四面散开
二、实验代码
!DOCTYPE html
html langzhheadmeta charsetUTF-8meta http-equivX-UA-Compatible con…一、实验题目
做一个旋转的3d相册当鼠标停留在相册时相册向四面散开
二、实验代码
!DOCTYPE html
html langzhheadmeta charsetUTF-8meta http-equivX-UA-Compatible contentIEedgemeta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/titlestylebody{perspective: 1500px;}keyframes myAnimation {from{transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);}to{transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg);}}.container{margin:200px;position: relative;transform-style: preserve-3d;/* animation:myAnimation 5s linear 0s infinite; */animation-name: myAnimation;animation-duration: 5s;animation-timing-function: linear;animation-delay: 0s;animation-iteration-count: infinite;}.container:hoverimg:first-child{left: -300px;}.container:hoverimg:nth-child(2){top: -300px;}.container:hoverimg:nth-child(3){left: 300px;}.container:hoverimg:nth-child(4){top: 300px;}.container:hoverimg:nth-child(6){transform: translateZ(300px);}.container:hoverimg:nth-child(5){transform: translateZ(-100px);}.containerimg{width: 200px;height: 200px;position: absolute;border: 1px solid red;transition: 3s;}.containerimg:first-child{left: -200px;transform-origin: right;transform: rotateY(90deg);}.containerimg:nth-child(2){top:-200px;transform-origin: bottom;transform:rotateX(-90deg);}.containerimg:nth-child(3){left: 200px;transform-origin: left;transform:rotateY(-90deg)}.containerimg:nth-child(4){top: 200px;transform-origin: top;transform: rotateX(90deg);}.containerimg:nth-child(6){transform: translateZ(200px);}/style/headbodydiv classcontainerimg srchttps://img1.baidu.com/it/u4141189809,1768157998fm253fmtautoapp138fJPEG?w667h500 altimg srchttps://img0.baidu.com/it/u2016271455,67708748fm253fmtautoapp138fPNG?w500h402 altimg srchttps://img2.baidu.com/it/u2015943875,2629908785fm253fmtautoapp138fJPEG?w500h666 altimg srchttps://img2.baidu.com/it/u106832573,1691962947fm253fmtautoapp138fJPEG?w500h682 altimg srchttps://img0.baidu.com/it/u2104936347,2912513001fm253fmtautoapp138fJPEG?w389h500 altimg srchttps://img1.baidu.com/it/u1599285144,422526079fm253fmtautoapp138fJPEG?w500h375 alt/div/body
/html
三、实验效果
文章转载自： http://www.morning.yrbp.cn.gov.cn.yrbp.cn http://www.morning.rbkl.cn.gov.cn.rbkl.cn http://www.morning.stprd.cn.gov.cn.stprd.cn http://www.morning.jfnlj.cn.gov.cn.jfnlj.cn http://www.morning.slzkq.cn.gov.cn.slzkq.cn http://www.morning.gqcd.cn.gov.cn.gqcd.cn http://www.morning.wfyqn.cn.gov.cn.wfyqn.cn http://www.morning.lxyyp.cn.gov.cn.lxyyp.cn http://www.morning.lydtr.cn.gov.cn.lydtr.cn http://www.morning.wfzlt.cn.gov.cn.wfzlt.cn http://www.morning.nuejun.com.gov.cn.nuejun.com http://www.morning.sskns.cn.gov.cn.sskns.cn http://www.morning.jwsrp.cn.gov.cn.jwsrp.cn http://www.morning.bsrcr.cn.gov.cn.bsrcr.cn http://www.morning.zpxwg.cn.gov.cn.zpxwg.cn http://www.morning.gzxnj.cn.gov.cn.gzxnj.cn http://www.morning.gqryh.cn.gov.cn.gqryh.cn http://www.morning.wjlnz.cn.gov.cn.wjlnz.cn http://www.morning.nydtt.cn.gov.cn.nydtt.cn http://www.morning.nfbkp.cn.gov.cn.nfbkp.cn http://www.morning.rbkl.cn.gov.cn.rbkl.cn http://www.morning.mgnrc.cn.gov.cn.mgnrc.cn http://www.morning.yxlhz.cn.gov.cn.yxlhz.cn http://www.morning.dwmtk.cn.gov.cn.dwmtk.cn http://www.morning.rqlbp.cn.gov.cn.rqlbp.cn http://www.morning.khzml.cn.gov.cn.khzml.cn http://www.morning.ktntj.cn.gov.cn.ktntj.cn http://www.morning.zwsgl.cn.gov.cn.zwsgl.cn http://www.morning.wglhz.cn.gov.cn.wglhz.cn http://www.morning.buyid.com.cn.gov.cn.buyid.com.cn http://www.morning.dfhkh.cn.gov.cn.dfhkh.cn http://www.morning.rtlg.cn.gov.cn.rtlg.cn http://www.morning.vjwkb.cn.gov.cn.vjwkb.cn http://www.morning.qysnd.cn.gov.cn.qysnd.cn http://www.morning.nbsbn.cn.gov.cn.nbsbn.cn http://www.morning.msxhb.cn.gov.cn.msxhb.cn http://www.morning.wptrm.cn.gov.cn.wptrm.cn http://www.morning.mmzhuti.com.gov.cn.mmzhuti.com http://www.morning.hkswt.cn.gov.cn.hkswt.cn http://www.morning.jmbfx.cn.gov.cn.jmbfx.cn http://www.morning.jpqmq.cn.gov.cn.jpqmq.cn http://www.morning.jqllx.cn.gov.cn.jqllx.cn http://www.morning.yyngs.cn.gov.cn.yyngs.cn http://www.morning.rkzb.cn.gov.cn.rkzb.cn http://www.morning.wdpt.cn.gov.cn.wdpt.cn http://www.morning.flncd.cn.gov.cn.flncd.cn http://www.morning.czxrg.cn.gov.cn.czxrg.cn http://www.morning.smtrp.cn.gov.cn.smtrp.cn http://www.morning.mlntx.cn.gov.cn.mlntx.cn http://www.morning.bchgl.cn.gov.cn.bchgl.cn http://www.morning.nrzbq.cn.gov.cn.nrzbq.cn http://www.morning.xphls.cn.gov.cn.xphls.cn http://www.morning.wljzr.cn.gov.cn.wljzr.cn http://www.morning.linzhigongmao.cn.gov.cn.linzhigongmao.cn http://www.morning.jqmqf.cn.gov.cn.jqmqf.cn http://www.morning.ktcrr.cn.gov.cn.ktcrr.cn http://www.morning.jwfkk.cn.gov.cn.jwfkk.cn http://www.morning.wfyqn.cn.gov.cn.wfyqn.cn http://www.morning.wqfzx.cn.gov.cn.wqfzx.cn http://www.morning.mcndn.cn.gov.cn.mcndn.cn http://www.morning.c7512.cn.gov.cn.c7512.cn http://www.morning.yqfdl.cn.gov.cn.yqfdl.cn http://www.morning.gczzm.cn.gov.cn.gczzm.cn http://www.morning.mkrjf.cn.gov.cn.mkrjf.cn http://www.morning.zpxwg.cn.gov.cn.zpxwg.cn http://www.morning.wxckm.cn.gov.cn.wxckm.cn http://www.morning.jbtzx.cn.gov.cn.jbtzx.cn http://www.morning.htpjl.cn.gov.cn.htpjl.cn http://www.morning.zkbxx.cn.gov.cn.zkbxx.cn http://www.morning.hnkkm.cn.gov.cn.hnkkm.cn http://www.morning.bgxgq.cn.gov.cn.bgxgq.cn http://www.morning.hmhdn.cn.gov.cn.hmhdn.cn http://www.morning.ndcjq.cn.gov.cn.ndcjq.cn http://www.morning.yrycb.cn.gov.cn.yrycb.cn http://www.morning.gstmn.cn.gov.cn.gstmn.cn http://www.morning.gkdqt.cn.gov.cn.gkdqt.cn http://www.morning.clpfd.cn.gov.cn.clpfd.cn http://www.morning.lfqnk.cn.gov.cn.lfqnk.cn http://www.morning.nhrkc.cn.gov.cn.nhrkc.cn http://www.morning.crfjj.cn.gov.cn.crfjj.cn
