![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS方法
文章平均质量分 85
mxydl2009
这个作者很懒,什么都没留下…
展开
-
从matrix变换函数矩阵来说明CSS Transform的原理和操作
文章以二维变换为例说明,三维变换采用类似的操作理解即可。变换的坐标系统默认的变换坐标系统,变换原点为元素中心,x轴与y轴与web中定义的一致。其中,变换原点可以用transform-origin属性来设置。transform是以该坐标系统为参考,对变换中图形上每个点的坐标进行更新,来得到变换后的图形。i→= ai→+bj→\overrightarrow{i} =\ a\overrightarrow{i} +b\overrightarrow{j} i= ai+bj线性变换线性变原创 2020-05-11 19:30:35 · 378 阅读 · 0 评论 -
CSS经典布局——sticky footer粘滞页脚
简述sticky footer粘滞页脚布局是经常使用的CSS经典布局之一,其表现形式是:页脚始终在视口的底部,不管是内容区内容较少不足以占据视口高度,还是内容区内容很多超过视口高度导致出现滚动条,页脚都处于视口的底部,并且不会遮住内容。表现形式内容区内容不多内容区内容很多HTML代码与CSS代码<!DOCTYPE html><html lang="en">...原创 2020-04-03 18:41:39 · 434 阅读 · 0 评论 -
图片加载防闪动的CSS方法
图片闪动:在移动端设置图片布局时,图片使用自适应的方式,其父元素的高度是被图片高度撑开的。在图片加载前,父元素高度为0;加载后,父元素高度为图片高度。这样的过程会造成视觉上的闪烁,影响用户体验。因此,在用图片撑开父元素高度之前,就需要给父元素设置一个高度。这个高度不能写成定值,否则无法适配移动端各种尺寸。此时,可以利用padding百分比的方式,来将父元素作为一个占位符,提前撑开高度,以便于图片...原创 2019-07-08 13:14:00 · 3719 阅读 · 0 评论