仿VIVO官网

news/2024/11/15 5:59:22/

 /* 以下是动态页面 */

        .content {

            width: 200px;

            height: 200px;

            position: relative;

            overflow: hidden;

            /* 超出屏幕(溢出的)自动隐藏 */

            margin: auto;

        }

        .content img {

            width: 200px;

            height: 200px;

            float: left;

            transition: all 0.6s;

            /* 过渡动画,使页面变化更加平滑 */

            cursor: pointer;

            /* 游标,光标移动 */

            border: 0;

        }

        .content img:hover {

            transform: scale(1.5);

        }

        .note {

            width: 200px;

            height: 50px;

            display: block;

            text-decoration: none;

            color: #FFFFFF;

            cursor: pointer;

            text-indent: 1em;

            line-height: 30px;

            /*初始化隐藏多余文字*/

            white-space: nowrap;

            overflow: hidden;

            text-overflow: ellipsis;

            float: left;

            position: absolute;

            bottom: 0px;

            background-color: rgba(0, 0, 0, 0.5);

            /* 背景变灰 */

            transition: all 0.6s;

        }

        .note:hover {

            width: 200px;

            height: 200px;

            line-height: 30px;

            text-indent: 1em;

            /*显示全部文字*/

            white-space: normal;

            word-break: break-word;

            text-overflow: inherit;

        }


http://www.ppmy.cn/news/189192.html

相关文章

vivo页面

<!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>Document</title><style>* {padding: 0;margin: 0;list-style: none;text-decoration: none;} /*背景图*/.nav {height: 850px;background…

VIVIT+

我们提出了纯变压器为基础的视频分类模型&#xff0c;借鉴了最近成功的图像分类模型。我们的模型从输入视频中提取时空标记&#xff0c;然后通过一系列变换层对其进行编码。为了处理视频中遇到的长串令牌&#xff0c;我们提出了我们的模型的几个有效变体&#xff0c;这些变体分…

【Python】猎聘网招聘数据爬虫(Python网络爬虫课设简要)

【Python】猎聘网招聘数据爬虫&#xff08;Python网络爬虫课设简要&#xff09; 注&#xff1a; 本文仅供学习交流使用&#xff01; 合肥学院-20信管-20302211009 项目文件可自行前往博客主页下载或联系作者qq&#xff08;3416252112&#xff09;。 爬取数据耗时约50分钟&am…

【C++-----函数,指针,结构体】

C-----函数&#xff0c;指针&#xff0c;结构体 一 、函数&#xff1a;1.1函数调用&#xff1a;1.2函数常见样式&#xff1a;1.3函数的声明&#xff1a;1.4函数分文件编写 &#xff1a; 二 、指针&#xff1a;2.1 空指针&#xff1a;NULL2.2野指针&#xff1a;2.3 const修饰指针…

05.JavaWeb-Servlet

1.Servlet基础 1.1 Servlet概述 用于处理客户端传来的HTTP请求&#xff0c;并返回一个响应&#xff08;特点&#xff1a;方便、跨平台、灵活性和可扩展性&#xff09; 1.2 Servlet开发入门 1.2.1 Servlet接口及实现类 1.最基本的接口是javax.servlet.Servlet&#xff0c;Ser…

03_Datase和DataLoader 之间的配合

Datase和 DataLoader 之间的配合&#xff0c;用于构建数据集&#xff0c;以及训练过程中&#xff0c;读取数据的过程&#xff1b; 1. Dataset和DataLoader 1.1 各自的作用 Dataset: 定义了数据集的内容&#xff0c;它相当于一个类似列表的数据结构&#xff0c;具有确定的长…

软考A计划-电子商务设计师-专业英语

点击跳转专栏>Unity3D特效百例点击跳转专栏>案例项目实战源码点击跳转专栏>游戏脚本-辅助自动化点击跳转专栏>Android控件全解手册点击跳转专栏>Scratch编程案例 &#x1f449;关于作者 专注于Android/Unity和各种游戏开发技巧&#xff0c;以及各种资源分享&am…

研报精选230424

目录 【行业230424华福证券】功率半导体行业深度报告&#xff1a;能源变革大时代&#xff0c;功率器件大市场 【行业230424华西证券】海外锂资源企业近况总结之锂辉石篇&#xff1a;2023年海外锂资源供应量同比增长45%&#xff0c;H2比H1增加13万吨LCE供应 【行业230424东吴证券…