未完成的开锁动画演示

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>开锁动画</title>    <style type="text/css">        .yuan{            border-radius: 200px;            background-color: aqua;            height: 300px;            width: 300px;            margin: 500px;            border-top: 10px solid red;            border-bottom: 10px solid blue;            border-right: 10px solid blue;            border-left: 10px solid red;            color: white;            font-size: 30px;            transition: all 2s;

            position: relative;

        }        .yuan:hover{            transform: rotate(180deg);        }

        .suo{            height: 200px;            width: 150px;        }        .kaisuo{            position: absolute;            top: 580px;            left: 590px;        }        .kaisuo:hover{            opacity: 0.1;        }    </style></head><body>        <div class="yuan">        </div>        <div class="kaisuo">            <img src="../images/suozi.png"  class="suo">        </div></body></html>效果:鼠标移入边框会旋转180°,图片会虚化,但是现在两者只能选择一种显示,用了个DIV把图片定位到BORDER里的,如果不用的话,图片会和边框一起旋转。  值得改动的地方还有很多,希望在深入学习的过程中能慢慢完善
时间: 2024-10-25 04:34:30

未完成的开锁动画演示的相关文章

android开发(31) 动画演示 - 从页面底部向上弹出dialog,消失时逐渐向下

我想实现一个效果,从底部向上逐渐弹出.如下图所示: 1.点击 显示 按钮时,一个dialog对话框从底部慢慢向上弹出. 2.关闭dialog时, dialog缓慢的移动向底部消失.很平滑的效果.     实现方式: 在activity中写代码如下 public class MainActivity extends Activity { Button button1; @Override protected void onCreate(Bundle savedInstanceState) { su

24式太极拳:3D动画演示(图文)

http://blog.sina.com.cn/s/blog_4be33b740102e9ae.html 24式太极拳:3D动画演示(图文) (2013-03-10 18:45:55) 转载▼ 标签: 24式太极拳:3d动画演 分类: 健康养生 24式太极拳:3D动画演示(图文) 24式太极拳-01起式: (1)起势. 自然直立,两臂自然下垂,两眼平视前方,精神集中,呼吸调匀:左脚向左迈出一步,成开立步,与肩同宽:两臂慢慢向前抬起与肩平,掌心向下:两腿微屈下蹲,两掌轻轻下按. 24式太极拳-02

【Foreign】开锁 [概率DP]

开锁 Time Limit: 10 Sec  Memory Limit: 256 MB Description Input Output Sample Input 4 5 1 2 5 4 3 1 5 2 2 5 4 3 1 5 3 2 5 4 3 1 5 4 2 5 4 3 1 Sample Output 0.000000000 0.600000000 0.900000000 1.000000000 HINT Main idea 一个宝箱内有一个可以开启别的宝箱的钥匙,可以选择k个宝箱,询问能开

原创数据结构算法Flash动画演示课件-Action Script(AS)脚本实现

2001年,和大学同学一起完成的毕业设计作品.cooling&bobo. 学习数据结构与算法,请访问:数据结构学习网站 http://xu-laoshi.cn/shujujiegou/ ."数据结构与算法"QQ群:30308606.一起探讨数据结构和算法,并可下载本套课件. 当年Flash动画还是新鲜事物,网上可以参考的资料也很少,一步步摸索制作.总的花了一个多月时间才完成.这个项目同时也是当年浙江省自学考试办公室官方网站的教学课件.总体来说是一套在互联网上比较经典的数据结构教

Windows在生产体系Android开关机动画

在Windows根据系统.办Android开关机动画,几个需要注意的问题: 1.压缩的选择 2.压缩的格式: 版权声明:本文博客原创文章,博客,未经同意,不得转载.

[ACM] hihoCoder 1075 开锁魔法III (动态规划,组合数学)

描述 一日,崔克茜来到小马镇表演魔法. 其中有一个节目是开锁咒:舞台上有 n 个盒子,每个盒子中有一把钥匙,对于每个盒子而言有且仅有一把钥匙能打开它.初始时,崔克茜将会随机地选择 k 个盒子用魔法将它们打开.崔克茜想知道最后所有盒子都被打开的概率,你能帮助她回答这个问题吗? 输入 第一行一个整数 T (T ≤ 100)表示数据组数. 对于每组数据,第一行有两个整数 n 和 k (1?≤?n?≤?300,?0?≤?k?≤?n). 第二行有 n 个整数 ai,表示第 i 个盒子中,装有可以打开第 a

亲自在桌面版Ubuntu14.4下测试过的动画演示10个超有趣的Linux命令

一.cmatrix 你应该看过好莱坞大片<骇客帝国>,相信你会对电影中那些神奇的场景着迷.在Neo的眼里任何东西都能以计算机字节流的形式展现,你是否也想做一个很有黑客范儿的数据流的桌面呢? 安装cmatrix ~#sudo apt-get install cmatrix 执行效果 ~# cmatrix 二.oneko 如果你认为Linux终端只是字符和光标,没有什么其它更丰富的表现形式了,那你就大错特错了,"oneko"命令就是一个很好的例子,不要以为oneko只是一种小猫

Visaul Studio 常用快捷键的动画演示

从本篇文章开始,我将会陆续介绍提高 VS 开发效率的文章,欢迎大家补充~ 在进行代码开发的时候,我们往往会频繁的使用键盘.鼠标进行协作,但是切换使用两种工具会影响到我们的开发速度,如果所有的操作都可以只用键盘来完成,那开发效率将得到大幅度的提升.因此,灵活地应用 Visual Studio 的键盘快捷键,就可以起到事半功倍的地步. 为了便于日后查看,我根据使用的效果分成这么几块:代码编辑.查找与替换.代码美化.代码导航.Visual Studio 窗口和调试.同时,在参考了资源[2]的文章后,发

哈理工2249开锁魔法 概率dp

开锁魔法II Time Limit: 3000 MS Memory Limit: 256000 K Total Submit: 23(18 users) Total Accepted: 18(16 users) Rating:  Special Judge: No Description 一日,崔克茜来到小马镇表演魔法. 其中有一个节目是开锁咒:舞台上有 n 个盒子,每个盒子中有一把钥匙,对于每个盒子而言有且仅有一把钥匙能打开它.崔克茜可以通过魔法,暴力打开一个盒子.但是崔克茜最多只可以使用 k