四川成都今天公布疫情新情况轨迹
网站设计建议、百度快速排名技术培训、永久使用、不限域名、室内设计联盟官网app
页游网站？
- 首页
- ccbcom建设银行官方网站
- 正文
星空传媒有限公司网站_免费建站abc_湖南响应式网站哪里有_如何建立和设计公司的网站
<html><head><meta charset="utf-8"><title>3D立方块的制作</title><style>body{background: #000;}.box{position: absolute;width:85px;height: 85px; margin:50px;transform-style:preserve-3d;transform:rotateX(20deg) rotateY(50deg);}.box > div{position: absolute;left:0;top:0;width:100%;height:100%; border:5px solid #cdcdcd;border-radius: 8px;}.up{background-color: #ddd;transform:translatey(-42.5px) rotatex(90deg);display: flex;justify-content: center;align-items: center;}.down{background-color: #ddd;transform:translatey(42.5px) rotatex(90deg);display: flex;justify-content: space-between;}.down .items:nth-child(2){align-self:flex-end;}.left{background-color:#ddd;transform:translatex(-42.5px) rotatey(90deg);display: flex;justify-content: space-between;}.left .items:nth-child(2){align-self:center;}.left .items:nth-child(3){align-self:flex-end;}.right{background-color:#ddd;transform:translatex(42.5px) rotatey(90deg);display: flex;flex-direction:column;justify-content: space-between;}.column{display: flex; justify-content: space-between;}.back{background-color:#ddd;transform:translatez(-42.5px) ;display: flex; flex-direction: column;justify-content: space-between;}.forward{background-color:#ddd;transform:translatez(42.5px) ;display: flex;flex-direction:column;justify-content: space-between;}.forward .column:nth-child(2){justify-content: center;}.items{margin:3px;width:20px;height: 20px;background: #000;border-radius:50%;}@keyframes myfirst{0%{left:0px;top:0px;transform:rotatex(0deg) rotatey(0deg)}100%{left:400px;top:100px;transform:rotatex(360deg) rotatey(100deg)}}.myclass{ animation: myfirst 5s;}</style></head><body><div id="mbox" class="box" onclick="myfun()"><div class="up"><div class="items"></div></div><div class="down"><div class="items"></div><div class="items"></div></div><div class="left"><div class="items"></div><div class="items"></div><div class="items"></div></div><div class="right"><div class="column"><div class="items"></div><div class="items"></div></div><div class="column"><div class="items"></div><div class="items"></div></div></div><div class="forward"><div class="column"><div class="items"></div><div class="items"></div></div><div class="column"><div class="items"></div></div><div class="column"><div class="items"></div><div class="items"></div></div></div><div class="back"><div class="column"><div class="items"></div><div class="items"></div><div class="items"></div></div><div class="column"><div class="items"></div><div class="items"></div><div class="items"></div></div></div></div><script>function myfun(){document.querySelector(".box").classList.add('myclass');setTimeout(function(){document.querySelector(".box").classList.remove('myclass');},5000)}</script></body>
网络营销外包推广方式广州设计公司前十名龙岩注册公司营销网站制作企业网站运营模式有哪些商务网站设计如何做好线上销售手机网页视频如何下载网站制作费计入什么科目财税公司怎么找客源crm软件管理系统企业为什么做网站深圳网络营销渠道网络服务主要包括什么电商运营培训课程有哪些中铁建设集团官网免费海报制作app查询seo宁国网络推广网站推广关键词工具知网涉嫌垄断被罚8760万开发游戏用什么编程软件个人如何在百度上做广告国家最新防疫政策线上营销渠道长沙企业关键词优化烟台网站制作工具哈尔滨暂停现场业务学校网络营销推广方案一个网站是怎么做出来的企业邮箱要钱吗