2019.4.24 扑克牌旋转练习

效果图:

代码:


                        .div2 {
                width: 100px;
                margin: 200px auto;
                position: relative;

            }
            .div2 img{
                width: 100px;
                position: absolute;
                left: 0;
                top:0;
                transform-origin: center top;
                transition: all 1s;
            }
            .div2:hover .img1 {
                transform: rotate(60deg);
            }
            .div2:hover .img2 {
                transform: rotate(120deg);
            }
            .div2:hover .img3 {
                transform: rotate(180deg);
            }
            .div2:hover .img4 {
                transform: rotate(240deg);
            }
            .div2:hover .img5 {
                transform: rotate(300deg);
            }
            .div2:hover .img6 {
                transform: rotate(360deg);
            }

                <div class="div2">
            <img src="img/laok.png" class="img1"/>
            <img src="img/laok.png" class="img2"/>
            <img src="img/laok.png" class="img3"/>
            <img src="img/laok.png" class="img4"/>
            <img src="img/laok.png" class="img5"/>
            <img src="img/laok.png" class="img6"/>
        </div>

图片:

原文地址:https://www.cnblogs.com/lzb1234/p/10776099.html

时间: 2024-10-31 15:22:33

2019.4.24 扑克牌旋转练习的相关文章

网络流测试-2019.3.24

网络流专题测试-2019.03.24 24号的考试了,但是一直忘了写,今天来补一补. defuze:http://hzwer.com/6009.html 不想写题面了,直接说怎么做吧. 其实这道题可以直接用最普通的费用流来做,找增广路时把spfa的比较函数改改就行了,但是我没想到. 可以对概率取对数,转成加法再做,就非常简单了. 注意:找增广路时设置一个精度,如果两条路径的差小于精度,就不进行松弛.否则可能会在几条费用极其相似的道路上反复增光导致超时. 1 # include <cstdio>

PAT 甲级 A1042 (2019/01/24)

1 #include <cstdio> 2 const int N = 54; 3 char Color[5] = {'S', 'H', 'C', 'D', 'J'}; 4 int start[N+1], trans[N+1], end[N+1]; 5 int main() { 6 int n; 7 scanf("%d",&n); 8 for(int i = 1; i <= N; i++){ 9 start[i] = i; 10 } 11 for(int i

2019.9.24 网络ip小知识

原文链接:https://blog.csdn.net/faker_wang/article/details/80747407 :https://www.cnblogs.com/wktwj/p/10862618.html 摘抄一些我觉得比较需要知道的东西吧 子网掩码: 子网掩码(subnet mask)又叫网络掩码.地址掩码.子网络遮罩,它是一种用来指明一个IP地址的哪些位标识的是主机所在的子网,以及哪些位标识的是主机的位掩码. 子网掩码不能单独存在,它必须结合IP地址一起使用.子网掩码只有一个作

梦想MxWeb3D协同设计平台 2019.01.24更新

SDK开发包下载地址:http://www.mxdraw.com/ndetail_10124.html1.  编写快速入门教程2.  重构前端代码,支持一个页面多个三维控件同时加载,或二维和三维同时加载 3.  简化前端代码引用控件,只需一个函数就能动态创建三维控件4. 三维控件绘图区域,与界面UI分离5. 二维增加交互绘图接口6. 导出三维建模函数和三维运算函数提供了使用js开发的调用演示例程7. 增加导出二维图纸.遍历.对象查询.修改.绘图等函数 原文地址:https://www.cnblo

2019.03.24后台站点

1.后台站点和admin.py与模型相关联 在admin.py中添加admin.site.register(Clazz) 2.Python manage.py createsuperuser 3.在setting中修改成中文  'zh-Hans' 'Asia/Shanghai' false 4.修改第一个标题  在apps.py中添加 verbose_name = u'学生应用' 然后在init中添加这个, default_app_config = 'stu.apps.StulConfig' 原

2019.03.24 表单类

Form.form是一种内置的模板吧,它有自己设置的表单样式 可以引用它,但我觉得还是自己写会比较好吧 继承的是forms类了而不是models类了 然后就是表单得验证,也是用了内置得数据库叫做 authenticate,login就是存admin密码的那个 概述 表单既可以在模板页面利用HTML编写,也可以使用Django提供的表单类编写. 相关属性参考官网:https://docs.djangoproject.com/en/1.11/ref/forms/fields/ 实现熟悉的用户登录功能

蒟蒻总结-2019.3.24

草草写完的,写的不太好,望谅解 移动"哨兵棋子" 题面+数据规模 一条数轴有\(N\)个棋子,每个棋子可以占据一个整数位置.\(N\)个棋子目前位于不同的整数位置,现在你想要移动它们以便它们占据N个连续位置(例如,位置\(5,6,7,8\)).当前所有棋子中位置最小或者位置最大的棋子,称为"哨兵棋子".每一次,你只能移动"哨兵棋子".你可以把"哨兵棋子"移动到当前任何未占用的整数位置,前提是在这个新位置该棋子不再是一个&quo

2019.4.24(js)

1. 取得正数和负数的绝对值 Math.abs(7.25) Math.abs(-7.25) 2.利用JS刷新页面方法 https://www.cnblogs.com/Chen-XiaoJun/p/6219880.html 1 //刷新当前窗口 2 window.location.href=window.location.href; 3 window.location.reload; 对于刷新父页面的如下: 1 //刷新父页面 2 window.opener.location.href=windo

原生JS代码封装(将字符串转换为日期 2019.08.24 )

function string2date(str){ if( hasLetter(str) ) { throw new Error("哥们儿,你写错了!!"); } return new Date(str); } 原文地址:https://www.cnblogs.com/sunyang-001/p/10812830.html