![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
以对_
这个作者很懒,什么都没留下…
展开
-
css制作弧形背景图
【代码】css制作弧形背景图。原创 2024-05-28 17:48:40 · 715 阅读 · 0 评论 -
display: grid 常用属性
其它的比如 flex-wrap 等属性与 flex 布局一致。原创 2024-05-17 10:13:22 · 303 阅读 · 0 评论 -
swiper播放视频,完成后自动切换下一张
我的思路是监听视频播放进度,如果播放完毕再开启swiper的自动轮播,因为我的需求是只有第一个swiper才是视频,后边的都是图片,那就需要轮播到第一个swiper的时候停止自动轮播,继续等待视频播放完毕再次开始自动轮播。// 如果当前播放时长小于总时长并且大于总时长秒数就开始自动轮播,这里之所以这么判断是因为duration 和currentTime 的小数位并不能保证完全一致,所以就根据当前播放时长的整数秒是否大于总时长的整数秒。// 判断当前swiper索引,如果是第一个就停止自动轮播。原创 2023-12-13 14:06:51 · 723 阅读 · 6 评论 -
swiper垂直方向全屏实现鼠标滚轮滚动一下切换一屏
【代码】swiper垂直方向全屏实现鼠标滚轮滚动一下切换一屏。原创 2023-11-16 09:28:50 · 1146 阅读 · 0 评论 -
弹性盒布局中的flex属性使用
如果所有项目的flex-grow属性都为1,则它们将等分剩余空间(如果有的话)。如果一个项目的flex-grow属性为2,其他项目都为1,则前者占据的剩余空间将比其他项多一倍。: flex-grow、flex-shrink 和 flex-basis 属性的简写属性。如果一个子元素的flex-shrink属性为0,其他子元素都为1,当空间不足时,前者不缩小。如果子元素的flex-shrink属性为1时,空间缩小,元素将等比例缩小。:(定义项目的缩小比例,默认为1,即如果空间不足,该项目将缩小)原创 2023-10-13 07:44:06 · 77 阅读 · 0 评论 -
js实现获取当前星期和日期
【代码】js实现获取当前星期和日期。原创 2023-04-20 12:03:03 · 658 阅读 · 0 评论 -
设置伪元素在父元素下方
父元素加上 transform-style: preserve-3d;伪元素加上 transform: translateZ(-10px);原创 2023-04-11 16:02:15 · 190 阅读 · 0 评论 -
关于固定定位position: fixed;和横向滚动overflow-x: scroll;无法同时使用的问题
在做项目时遇到一个功能是要把某个盒子固定在底部,并且是要横向滑动的,发现position: fixed;和overflow-x: scroll;同时使用无效,现记录一下解决方法。原创 2023-02-27 18:00:12 · 1462 阅读 · 0 评论 -
关于异形swiper页面刷新后失效的问题(样式错乱)
本来以为是因为异形swiper的样式问题,后来发现加个属性就好了。再看看页面刷新后错乱的swiper。先看看正常的swiper。原创 2023-02-22 18:33:16 · 418 阅读 · 0 评论 -
echarts设置display:none;后图表无法显示的问题
如果这里的业务需求是要在几个盒子中切换,可以获取到其它没有使用echarts的·盒子的宽度,在echarts初始化之前,把这个宽度复制给它。当然也要考虑到兼容性问题,提供一条思路。原创 2023-02-06 18:00:27 · 619 阅读 · 0 评论 -
first-child失效的问题
first-child问题原创 2023-01-13 12:01:04 · 108 阅读 · 0 评论 -
css nth-child奇偶匹配
https://wuyaogexing.com/65/245964.html原创 2023-01-10 16:03:55 · 435 阅读 · 0 评论 -
css动画效果网站集合
https://wuyaogexing.com/65/245964.html原创 2022-12-06 14:01:51 · 1103 阅读 · 0 评论 -
关于文本、字体的一些记录
【代码】关于文本、字体的一些记录。原创 2022-11-30 13:21:45 · 121 阅读 · 0 评论