首页 > 其他分享 >1111

1111

时间:2023-05-26 14:33:06浏览次数:36  
标签:hover img transform 1111 nth rotate child

<!DOCTYPE html>
<html>
<head>
    <title>图片过渡效果</title>
    <style>
        .container {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }

        img {
            width: 200px;
            height: 200px;
            margin: 20px;
            border-radius: 50%;
            transition: all 1s ease-in-out;
        }

        img:hover:nth-child(1) {
            border-radius: 0%;
        }

        img:hover:nth-child(2) {
            transform: rotate(-60deg);
        }

        img:hover:nth-child(3) {
            transform: rotate(360deg);
        }

        img:hover:nth-child(4) {
            transform: rotate(-10deg);
            box-shadow: 10px 10px 5px grey;
        }

        img:hover:nth-child(5) {
            transform: rotateY(180deg);
        }

        img:hover:nth-child(6) {
            transform: scale(1.2);
        }
    </style>
</head<body>
    <div class="container">
        <img src="image1.jpg">
        <img src="image2.jpg">
        <img src="image3.jpg">
        <img src="image4.jpg">
        <img src="image5.jpg">
        <img src="image6.jpg">
    </div>
</body>
</html>

 

标签:hover,img,transform,1111,nth,rotate,child
From: https://www.cnblogs.com/nclg-caigou/p/17434633.html

相关文章

  • 11111111111
    importtorchfromtorchimportnnimportnumpyasnpimportmatplotlib.pyplotaspltfromPILimportImagefromtorchvisionimporttransformsfrommathimportsqrtimportosos.environ["KMP_DUPLICATE_LIB_OK"]="TRUE"#读取两张图像img1=I......
  • 1111
    1课程介绍1.1课程背景介绍每年的春节是中国人的传统节日,大多数中国人都会在这一天选择回家团聚。为了方便用户进行购票,2012年春节,铁道部推出12306网站,进行网络实名购票。然而,历年春节假期,巨大的访问请求都让中国铁路客户服务中心网站(www.12306.cn)陷入“万劫不复”。根据......
  • 1111
    0.Markdown简介Markdown是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档。轻量:相比于word、ppt等形式的文档,更加重视文本本身的内容,对格式、排版进行了简化,进而在编写方式和文件大小上都进行了减重减负;标记:#、*、-、`、[]、()=简洁实用的文字排版效......
  • NC51111 Atlantis
    题目链接题目题目描述ThereareseveralancientGreektextsthatcontaindescriptionsofthefabledislandAtlantis.Someofthesetextsevenincludemapsofpartsoftheisland.Butunfortunately,thesemapsdescribedifferentregionsofAtlantis.Yourfrie......
  • 1111
    架构师面试之Netty面试专题及答案BIO、NIO和AIO的区别? BIO:一个连接一个线程,客户端有连接请求时服务器端就需要启动一个线程进行处理。线程开销大。 伪异步IO:将请求连接放入线程池,一对多,但线程还是很宝贵的资源。 NIO:一个请求一个线程,但客户端发送的连接请求都会注册到多......
  • 1111
    。Scale-out(横向扩展):分而治之是一种常见的高并发系统设计方法,采用分布式部署的方式把流量分流开,让每个服务器都承担一部分并发和流量。缓存:使用缓存来提高系统的性能,就好比用“拓宽河道”的方式抵抗高并发大流量的冲击。异步:在某些场景下,未处理完成之前,我们可以让请求先返回,在......
  • 1111
    1、运维故障复盘,进行技术改进,开复盘会。2、关键运维技术进行难点进行攻克,在测试环境进行测试验证,在生产环境执行。指导其他运维进行难点问题处理。3、对公司关键运维技术难题进行架构设计,例如由于服务器服务机房老化迁移、服务器高可用风险防范、服务器应急故障处理。4、运......
  • 1111
    ......
  • 111111111
    33MEHOB8W0-eyJsaWNlbnNlSWQiOiIzM01FSE9COFcwIiwibGljZW5zZWVOYW1lIjoiUG9saXRla25payBNZXJsaW1hdSBNZWxha2EiLCJhc3NpZ25lZU5hbWUiOiJtYWdnaWUgc2VyIiwiYXNzaWduZWVFbWF......
  • 11113344
    世界上没有一个静止不动的时刻,技术也在不断地变化,那么,作为开发者和博主,我们如何才能跟上时代的步伐?答案很简单,就是不被定义,不受限制,勇于追求自己想要成为的样子。人生当中,我......