魔方(小玩具)

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<title></title>

<style type="text/css">

*{

padding: 0;

margin: 0;

}

height: 100%;

}

body{

position: relative;

perspective: 1000px;

}

.wrap{

width: 240px;

height: 240px;

/*border: 1px solid red;*/

position: absolute;

top: 50%;

left: 50%;

margin-left: -120px;

margin-top: -120px;

transform-style: preserve-3d;

transform: rotateX(45deg) rotateY(45deg);

transition: all 100s linear;

}

.wrap:hover{

transform: rotateX(10000deg) rotateY(10000deg);

}

.wrap div{

width: 240px;

height: 240px;

position: absolute;

top: 0;

left: 0;

}

img{

width: 100%;

height: 100%;

border-radius: 40px;

opacity: 0.8;

}

.wrap div:nth-child(1){

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

}

.wrap div:nth-child(2){

transform: rotateY(0deg) translateZ(120px);

}

.wrap div:nth-child(3){

transform: rotateY(0deg) translateZ(-120px);

}

.wrap div:nth-child(4){

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

}

.wrap div:nth-child(5){

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

}

.wrap div:nth-child(6){

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

}

</style>

</head>

<body>

<div class="wrap">

<div><img src="img/2.gif"/></div>

<div><img src="img/3.gif"/></div>

<div><img src="img/4.gif"/></div>

<div><img src="img/5.gif"/></div>

<div><img src="img/6.gif"/></div>

<div><img src="img/7.gif"/></div>

</div>

</body>

</html>

时间: 2024-10-11 07:30:03

魔方(小玩具)的相关文章

开源项目之小玩具---各种机器人开源硬件

一些小玩具的网站 作者: doskey 日期: 2012 年 10 月 10 日1 条评论 TinkerForge - http://www.tinkerforge.com一个开源机器人的网站.Made In Germany.东西很好只是太贵. Arduino – http://www.arduino.cc著名的开源电路项目.价格不便宜.适合爱折腾的同学. Raspberry Pi – http://www.raspberrypi.org现在最火爆的开源电路板——树莓派.东西便宜,可玩性高,但是

#1071 : 小玩具

描述 某天,高富帅clj送了他的朋友jzp一个小玩具. 这个玩具可以被看成是一个n个点,m条边的没有重边和自环的无向图.对于每一条边,有闪光和黑暗两种状态. jzp可以把一些边设为闪光,一些边设为黑暗.当jzp设置完成以后,这个玩具会按照如下方式计算出一个分数.首先称闪光边和这n个点组成的图为导出子图,然后玩具会找出导出子图中最大的联通分量的大小,当做分数输出. jzp有一天很闲,他尝试了所有的2m种边的设置方式(每个边为闪光或者黑暗),并且计算出了每种分数的出现次数.写在了一张纸上. 但是很不

自己实现的依赖注入小玩具

package app10e.util; import javax.sql.DataSource; import com.mchange.v2.c3p0.ComboPooledDataSource; import com.mchange.v2.c3p0.DataSources; import app10d.action.GetProductsAction; import app10d.action.SaveProductAction; import app10d.dao.ProductDAO;

一个小玩具:NDK编译FFmpeg的例子

FFmpeg NDK编译 和最简单的APK 准备 硬件: 一台电脑,实验在Lenovo T430上 一个Android设备,实验在 三星S3/A7 编译环境: Ubuntu 14.04 (ant\java等命令必须支持) 工具包: NDK: https://dl.google.com/android/ndk/android-ndk32-r10b-linux-x86_64.tar.bz2 SDK:https://dl.google.com/android/adt/adt-bundle-linux-

unity编程——小玩具

今天做了一个萤火虫飞舞效果,这个问题类似于一道算法题:一个点想移动到平面上任意一点,但是自身有一个旋转角度限制,每一次旋转时,最大旋转角度是 maxRotateAngle,思维延时(即两次连续执行自身指令的间隔)是 float gap. 大致思路是: 建立了四个指令,分别是: Blink()—— 萤火虫屁股发光,是闪烁的......闪烁的... Move()——(默认使用 Vector2 curSpeed 作为移动增量) ComputeDir() —— 根据目标位置,计算当前运动方向,因为旋转角

一个小玩具:Python调用Mysql

1. ubuntu安装MySQL how to install:$ sudo apt-get install mysql-server$ sudo apt-get install mysql-client$ sudo apt-get install libmysqlclient-dev#python DB API$  sudo apt-get install python-mysqldb check:sudo netstat -tap | grep mysql run:mysql -u root

hihocoder #1071 : 小玩具

闻所未闻的$dp$神题(我不会的题) 令$f[S][i]$表示子集状态为$S$,且$S$中最大联通块恰好为$i$的方案数 考虑转移,我们枚举$S$中最小的元素$v$来转移,这样就能不重 $f[S][i] = \sum\limits_{T \in S \;and\;v \in T} f[T][...] * C[S \wedge T]$ 由于这么递归转移不好确定后面的状态,因此我们可以递推转移,在代码中有所体现 $C[S]$表示将$S$联通的方案数 我们考虑容斥,用全集减去所有不联通的方案数,我们考

微信小程序(有始有终,全部代码)开发---跑步App+音乐播放器

我的微信开发者工具 开篇语 好不容易,终于把所有的基础课程全部看完了!昨天,我很高兴地开始了看别人做的项目进行深度的学习.其实也说不上是项目吧,更多的像是一种给新手看的示例代码.然后我在这些代码上面进行我自己的改进.最后也就有了接下来我会给大家带来的这篇文章中的项目.这个项目是完整的,它包括了一个原本的示例代码中带着的莫名其妙的动画组件(可能是为了更多额展示微信小程序的控件体系)以及跑步的组件,还有我后来自己加上去的一个音乐播放组件.总共也就有了三个的功能:动画效果展示:跑步的定时以及定位功能:

酷比魔方智能安卓手柄实测

1酷比魔方游戏手柄 支持系统 [PConline 评测]随着智能手机的普及,手机游戏成为许多用户打发碎片时间的选择,手机游戏质量提升,玩家对于游戏体验要求也越来越高.触屏手机玩游戏无法提供实体按键的反馈感让玩家游戏体验稍有遗憾,而为了满足手游玩家的需求,手游手柄相应而生.此次,酷比魔方推出了CGX01游戏手柄(抢购价29元,售价69元),这款游戏手柄不仅支持安卓手机,还支持安卓平板.电视盒.智能电视以及电脑使用.这款低价的安卓游戏手柄表现如何,下面我们就为大家带来全面测试.  酷比魔方CGX01