旋转立方体

旋转的立方体

@keyframes roll {
from {
transform: rotateX(0) rotateY(0) rotateZ(0);
}

to {
transform: rotateX(360deg) rotateY(720deg) rotateZ(360deg);
}

}

{
margin: 0;
padding: 0;
}

div {
width: 200px;
height: 200px;
background-color: skyblue;
line-height: 200px;
text-align: center;
color: white;

font-size: 100px;

position: absolute;

}

.wrap {

padding: 100px;

background-color: transparent;

transform-style: preserve-3d;

/开启3D效果/

/* animation: 动画名 动画执行时间 [动画延迟时间 动画运动曲线 运动次数 是否反向执行 是否保留最后一帧] */

animation: roll 8s linear infinite;

}

.wrap div:nth-of-type(1) {

transform: rotateY(-90deg) translateZ(100px);

}

.wrap div:nth-of-type(2) {

transform: rotateY(90deg) translateZ(100px);

background-color: tomato;

}

.wrap div:nth-of-type(3) {

transform: rotateX(90deg) translateZ(100px);

background-color: plum;

}

.wrap div:nth-of-type(4) {

transform: rotateX(-90deg) translateZ(100px);

background-color: greenyellow;

}

.wrap div:nth-of-type(5) {

transform: translateZ(100px);

background-color: gold;
}
.wrap div:nth-of-type(6) {
transform: rotateX(180deg) translateZ(100px);
background-color: hotpink;
}
.img {
width: 10px;
height: 10px;
}

2011-11-06相关推荐

  1. 混合高斯模型 http://www.cnblogs.com/CBDoctor/archive/2011/11/06/2236286.html

    混合高斯模型算法 下面介绍一下几种典型的机器算法 首先第一种是高斯混合模型算法: 高斯模型有单高斯模型(SGM)和混合高斯模型(GMM)两种. (1)单高斯模型: 为简单起见,阈值t的选取一般靠经验值 ...

  2. 重新开始 2011/11/25

    在csdn上写过几篇文章,始终没有坚持下来,也是由于自己没有一个明确的目标的缘故:当自己感觉乱的时候,总是想改变点东西,重新开始,改变了博客类的东西就真的能重新开始吗?现在我想换个博客就换个博客,这是 ...

  3. Interview:算法岗位面试—11.06早上上海某智能驾驶科技公司(创业)笔试+面试之手撕代码、项目考察、比赛考察、图像算法的考察等

    Interview:算法岗位面试-11.06早上上海某智能驾驶科技公司(创业)笔试+面试之手撕代码.项目考察.比赛考察.图像算法的考察等 导读:该公司是在同济某次大型招聘会上投的,当时和HR聊了半个多 ...

  4. Daily Report 2012.11.06 刘宇翔

    今天对李忠修改过的match函数进行测试,修正bug,并进行优化. 将中文分词方法加入到算法中,提高了算法的精确度. 但中文分词方法加入到算法后,出现在一些新问题,对新出现的问题进行了修正和优化. 测 ...

  5. 11月最新新萝卜家园GhostXP SP3 电脑城装机极致版系统2011.11

    新萝卜家园GhostXP SP3电脑城装机极致版2011.11+ 一.主要更新: ========================== * 更新了系统补丁和Office2003所有补丁到2011-11 ...

  6. 计算机专业活动简报,计算机系团总支活动简报2011.11第一次

    2011年10月28日中午12点20,由计算机系社团联合会的学生干部们负责组织,我系600余名师生展开了一次捡拾白色垃圾,美化校园的活动.系主任齐宪生.系党总支书记曹雅利.系团总支书记郭振琪以及各专业 ...

  7. CG快报 2011.11.22

    1. 根据Flickr上"照片设备来源"的数据显示,iPhone 4S现在是该网站上第二流行的拍照手机. 来源:http://www.36kr.com/p/61862.html 从 ...

  8. 2021.11.06总结

    这周一直在刷搜索和dp的题,偶尔碰见dp加搜索的综合题,还打了一场cf,虽然结果不太好,差一点c就出了.自己有点菜,还需慢慢变强 P1052 过河 在河上有一座独木桥,一只青蛙想沿着独木桥从河的一侧跳 ...

  9. 暴风影音3.11.06.09手动去广告方法 【转】

    一.使用内置功能 1.打开暴风影音,按一下键盘上的"O"(注意不是零)键,打开"高级选项": 2.更新-->取消"自动下载和升级最新版本&quo ...

  10. 2011.11.17,Google已经正式推出Google音乐服务(Google Music)

    Google music是谷歌推出的免费云端音乐新服务,11年5月推出Google Music测试版,于北京时间11月17日正式推出,用户可以免费使用这项服务从云端欣赏自己的音乐,从Android M ...

最新文章

  1. shell脚本--02循环与条件
  2. c语言寻找James,[semi-tutorial]某亚里亚写在JamesM边上的OS笔记
  3. 研磨设计模式之 策略模式--转
  4. C语言用数组(顺序表)实现大小固定的队列的方法
  5. 认识Java中volatile关键字
  6. 如何快速掌握一门新技术/语言/框架…
  7. avalon.js实践 svg地图配置工具
  8. 数据挖掘之数理统计与常见分布与假设检验
  9. 如何实现一个楼中楼的评论系统
  10. register关键字-1
  11. linux以下C 利用openssl的AES库加密,解密
  12. ViewPage2和Fragment以及Tablayout使用
  13. PS利用色相/饱和度蒙版改变原有颜色
  14. 战神笔记本电脑自带access吗_战神GX9系列超享windows10搭载微软office2016
  15. 人工智能期末考试复习(贲可荣 张彦铎)
  16. DWC的1000M的MAC自环和PHY自环测试寄存器修改方式
  17. 简图记录-GAMMA技术基础
  18. 视觉享受,兼顾人文观感和几何特征的字体「GitHub 热点速览 v.22.46」
  19. matlab调整文字方向,MATLAB改变ylabel文字方向以及截边
  20. 《算法竞赛进阶指南(by 李煜东)》习题题解 集合

热门文章

  1. spring-cloud-alibaba 版本说明
  2. vs2010C#项目-英文版打包中文框架出错的解决办法
  3. Ubuntu下显卡超频方式
  4. 纯净版Win10系统重装教程(超详细)
  5. 台达服务器显示b,台达变频器VFD-B系列故障代码详表
  6. php中soap使用,SoapServer服务端编写,SoapClient客户端编写
  7. python3 PIL模块 写入中文_英文_字符串 在图片中居中对齐【字符串包括中英文数字等】
  8. 中职计算机应用基础教案1,中职计算机应用基础教案 中职学校《计算机应用基础》教学心得...
  9. 数学建模 2013B碎纸片的拼接复原
  10. 专利查新报告该怎么做?