
css
不会秃头
这个作者很懒,什么都没留下…
展开
-
css冒号对齐
给一个固定长度,然后指定右偏移。原创 2023-08-10 10:41:33 · 1108 阅读 · 0 评论 -
一个鼠标移动特效
特效样式:html代码:<canvas id="canvas" width="" height=""></canvas>JS代码:window.onload = function () {//气泡效果 var canvas=document.getElementById('canvas'); var context=canvas.getContext('2d'); canvas.width=window.innerWid.原创 2022-01-13 14:30:22 · 397 阅读 · 0 评论 -
css transform和transition
transform:转换,旋转一般和transform-origin(原点位置)配合来使用根据原点位置来旋转盒子transition:过渡一个简单的过渡动画例如:transition: width 0.3s;当长度有改变的时候做一个过渡动画,而不是生硬的进行改变。...原创 2021-12-23 11:06:33 · 327 阅读 · 0 评论 -
CSS transform-origin原点位置
一般我们使用transform-origin的格式为:transform-origin:50% 50%这里解释一下50%的比例标准如上图,从-x到x是0到100%的过渡,同样,从-y到y是0到100%的过渡。注意:这里的y轴是反向的,和我们数学里常见的坐标轴不一样。知道这个后,我们就可以对A到G点用transform-origin来表示:A:transform-origin:0 50%B:transform-origin:50% 0C:transfo..原创 2021-12-22 17:06:21 · 647 阅读 · 0 评论 -
flex布局详细整理介绍
创建一个flex容器创建方式:display:flex代码展示:html<div class="body"> <div class="flex-item">1</div> <div class="flex-item">2</div> <div class="flex-item">3</div></div>css.body { display:.原创 2021-12-20 14:14:24 · 633 阅读 · 0 评论