- 博客(5)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 class实现放大镜效果
放大镜效果用class语法写放大镜效果如果你经常逛淘宝，你会发现，当点击某件商品进入链接后，鼠标移到商品上，在右边会出现图片放大的效果，这就是放大镜效果，今天给大家分享一下这个放大镜效果。首先准备一张图片，布局如下 <div class="zoom"> <div class="small"> <img src="./1.jpg" alt=""> <span></span>
2020-07-14 20:56:47
422
原创 CSS3中如何实现文本阴影和边框阴影
关于CSS3中如何实现文本阴影和边框阴影下面分享一下在CSS3中，如何能够做到文本与边框阴影。1、文本阴影首先建立一个盒模型，在当中输入一些文字，代码下图所示：效果如下：然后给盒子添加属性：text-shadow:;实现效果如下：其中，text-shadow有四个属性值，第一个属性值表示文字在水平方向上的阴影；第二个属性值表示文字在垂直方向上的阴影；第三个属性值表示文字的...
2020-04-06 14:25:01
435
原创 CSS中的定位有哪几种方式？
在css中，很多情况下我们都会用到定位属性，下面我来分享一下定位的几种属性。一、position:relative;相对定位该属性是参考自身加载在页面的位置，如下图所示在图中，红色区块设置了position:relative;它参考自身在浏览器中加载的位置，受底部区域元素影响。一、position:absolute;绝对定位该属性默认是参考浏览器零点的位置（若有父级元素则参考父级元素）...
2020-03-27 00:37:17
479
原创 关于css3如何实现圆角边框
css3圆角边框效果图代码test.html说明：由于该样式篇幅较小，将css样式与html结构写在一个页面，建议分开写！步骤一先新建一个盒子模型，为了将其居中，设置好内外边距步骤二设置宽度、高度、背景颜色效果如下步骤三设置边框以及圆角引入border-radius:;该属性值可以是px大小，也可以是%大小注意：当该盒子模型是正方形时，border-radiu...
2020-03-21 15:43:47
379
3
css3实现圆角边框
2020-03-21
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人