![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
百慕达奶油
这个作者很懒,什么都没留下…
展开
-
css鼠标特效
一个很漂亮的特效哦这个特效主要是鼠标点击的时候出现一个文字(文字不断不固定),然后向上飘,慢慢变透明,最后透明度为零ok,话不多说,上代码/* 鼠标特效 */ var woedIndex = 0; jQuery(document).ready(function($) { $("body").click(function(e) { v...原创 2019-11-14 16:47:19 · 1373 阅读 · 1 评论 -
原生滚动条样式修改
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。/滚动条样式/::-webkit-scrollbar {/滚动条整体样式/width: 4px; /高宽分别对应横竖滚动条的尺寸/height: 4px;}::-webkit-scrollbar-thumb {/滚动条里面小方块/border-radius: 5px;-web...转载 2019-10-18 15:57:42 · 822 阅读 · 0 评论 -
css clip:rect剪裁问题
css的clip属性,有剪裁的效果,但是一般我很少用,但是今天在项目中碰到了,那就具体说说clip剪裁功能;为什么一般很少用clip呢,因为有其他的方法代替剪裁,例如我们经常用的over-flow:hidden;这种生硬的剪裁(或者说是隐藏超出部分);下面来说一说clip:1、首先,如果先有"overflow:visible",clip属性不起作用。2、clip配合position:a...原创 2018-11-08 10:47:59 · 1071 阅读 · 0 评论 -
垂直居中四种方式
1、单行文本:height 等于line-height2、图片:vertical: align: middle; 注: 还能解决图片和文字一行的时候文字图片不对齐问题3、display: flex; margin: auto;4、absolute定位:top: 50%; left: 50%;transform: translate(-50%,-50%);/* 垂直居中、绝对居中 *...原创 2019-03-20 15:42:08 · 241 阅读 · 0 评论 -
css伪类加垂直分割线
加垂直分割线有很多方法:例如:1、最坏的实现就是直接加一个 “|”线,尽量不要这样做2、可以用border来实现。例如: margin-right: 15px; padding-right: 15px; border-right: 1px solid #d9d9d9;3、用伪类实现:.fix-text { &:after { ...原创 2019-06-29 16:04:03 · 10013 阅读 · 0 评论