首页 > 其他分享 >css通用效果代码

css通用效果代码

时间:2022-11-07 15:48:47浏览次数:35  
标签:box translate3d hover 通用 2px 代码 transform 30px css

1.小米的hover上移效果

          &:hover {
            -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
            box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
            -webkit-transform: translate3d(0, -2px, 0);
            transform: translate3d(0, -2px, 0);
          }

 

标签:box,translate3d,hover,通用,2px,代码,transform,30px,css
From: https://www.cnblogs.com/ericyjchung/p/16866139.html

相关文章

  • CSS混合渐变
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content......
  • adobe应用程序安装,提示【错误代码105】的解决方法!
    安装adobe应用程序,安装失败,提示安装错误105,别急,最全面的代码错误解决方法呈上,快来解疑答惑!安装Photoshop2022解决方案1:授予对caps文件夹和hdpim.db的权限1.授予对......
  • css 设置input选中后样式
    .i_input{border:#00b5c31pxsolid;}.i_input:focus{outline:none;border:1pxsolidred;}<inputtype="text"placeholder="输入你真实的姓名"class="i_input">js-......
  • css3 新增的特性有哪些?
    css3选择器。css3边框(borders)css3背景css3渐变css3文本效果css3字体(@font-size规则)css3转化和变形1)2D转换方法2)3D转换属性css3过渡(transition属性)css3......
  • 爱心代码(转载请勿商用)
    <!DOCTYPEhtml><html><head><title></title><scriptsrc="js/jquery.min.js"></script></head><style>*{padding:0;margin:0;......
  • JAVA代码覆盖率工具JaCoCo
    一、代码覆盖率统计工具的能与不能能:代码覆盖率统计工具能用来发现没有被测试(单元测试、接口自动化测试、ui自动化测试、手工测试等)覆盖的代码。1、测试中未覆盖的代码......
  • CSS布局秘籍(1)-任督二脉BFC/IFC
    01、CSS布局1.1、正常布局流(Normalflow)正常布局流就是不做任何布局控制,按照HTML的顺序(从左到右,从上而下)进行布局排列。网页基于盒子模型进行正常的布局,主要特点:盒......
  • 通用模板对象池-转载
    一个很好用的对象池,分享一下,原文链接:https://www.cnblogs.com/hnxxcxg/p/3191622.html//标准模板unituObjPools;interfaceusesClasses,SysUtils,UntThreadTimer,......
  • 网站在线客服系统源码 | 全渠道在线客服代码下载 (最新版支持外贸商城/H5/小程序/公众
    gofly.v1kf.com是一款基于Golang+Vue开发的在线客服系统,软件著作权编号:2021SR1462600。一套可私有化部署的在线客服系统,编译后的二进制文件可直接使用无需搭开发环境,下载z......
  • 代码随想录Day18
    LeetCode226 翻转二叉树  思路:遍历节点,交换左右孩子的顺序即可。前序遍历(中左右)、后序遍历(左右中)都可以,中序遍历这样写就行不通,会做多余的翻转操作。遍历的写法:1......