
CSS
梦殇918
朝着全栈奔跑的小猿一枚;
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
css3 attr属性实现元素hover展示不确定的值
接到一个需求,楼层hover时候展示当前楼层的name和order。 方案一 js 这个我就不细讲了,不是这边文章想要讲的 方案二 css3 attr属性 对浏览器兼容不是很在意可以使用。 什么是attr CSS表达式 attr() 用来获取选择到的元素的某一HTML属性值,并用于其样式。它也可以用于伪元素,属性值采用伪元素所依附的元素。 – MDN MDN建议用于content,其它还在实验中。 用法 // react组件 <div data-name={`${name}`} cl原创 2020-06-03 14:35:28 · 384 阅读 · 0 评论 -
css pointer-events
默认为auto,常用none。 设置为none时,该元素以及子元素永远不会成为鼠标事件的target,事件无效。且css里对该元素的鼠标样式无效,默认为箭头 常用场景 canvas做的雪花不想影响雪花下其他元素的事件触发,可将canvas的pointer-events设置为none MDN ...原创 2019-06-14 16:15:02 · 390 阅读 · 0 评论 -
css direction属性
csss direction属性用来控制元素内文本的方向,有ltr和rtl两个常用值 //classname为a的元素内问本内容方向从左往右 .a{ direction:ltr } //classname为b的元素内文本内容方向从右往左 .b{ direction:rtl } ...原创 2019-08-06 23:25:19 · 424 阅读 · 0 评论 -
scale和zoom区别
zoom左上角缩放,scale默认中心缩放;scale可通过transform-origin来改变缩放焦点 zoom缩放只可以是整数,scale可以是负数 zoom缩放之后不占文档流,下方的元素会自动上移;scale缩放之后会仍然占据文档流(类似position:relative) room缩放之后,用js获取元素的宽高仍然是缩放之前的宽高;scale缩放之后,用js获取是缩放之后...原创 2019-06-15 22:02:23 · 2755 阅读 · 2 评论