css
云中客youroch
勇于踩坑,勤于记录
展开
-
css3的pointer-events
项目中遇到的问题:在写大屏的时候遇到A元素的层级要在B元素上面,但又不能影响B元素的点击事件,于是便用到了pointer-events: noneMDN上的说明:pointer-eventsCSS 属性指定在什么情况下 (如果有) 某个特定的图形元素可以成为鼠标事件的target...原创 2021-03-17 09:59:28 · 144 阅读 · 0 评论 -
CSS: 前端的视差滚动,写出看起来高逼格的网页效果
视差滚动其实是一个比较久远的技术,但第一次看到还是被震撼到了,这是什么神仙,是几个页面堆在一起的吗,但真正了解了之后发现写起来真的不难,而且看起来蛮高大上的。我第一次见到其实是在法拉第未来的官网里,你们懂得,贾跃亭的梦想之车https://www.faradayfuturecn.com/cn/ff-91/。 然后我就把这玩意用在了年终总结的PPT上。没错,作为一个...原创 2020-01-10 15:39:41 · 2143 阅读 · 2 评论 -
css实现文字超出后加省略号
先看一下实现后的样子在文字所在的class添加下面的代码:div{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}我们来一个一个的看上面的属性text-overflow属性规定当文本溢出包含元素时发生的事情。它有三个值clip、ellipsis、string,c...原创 2020-01-09 11:59:37 · 925 阅读 · 0 评论 -
围住浮动元素的三种方法(css设计指南笔记)
浮动元素脱离了文档流,其父元素也看不到它了,因而不会包围它,比如下面的例子。<section> <img src="images/rubber_duck2.jpg"> <p>It's fun to float.</p></section><footer> Here is the foote原创 2018-12-18 10:18:22 · 262 阅读 · 0 评论 -
在vue中手写一个文字的轮播功能
最近在中控项目中遇到一个问题,就是需要轮播显示数据,网上给的教程都是定高的,所以就自己写了一个,效果如下:对于这种轮播的功能,其实应该根据是否定高去分为两种情况用不同的方案去处理。一、不定高轮播 我在看了很多博客之后发现他们给的方案都是定高的,这种你可能一搜一大把,我就只分享别人没有说过或者不容易找到的情况吧。我暂且将轮播的部分称为轮播区域,将轮播区域之外的地方...原创 2019-09-21 16:09:28 · 2973 阅读 · 0 评论