03 2021 档案

圆弧形内容切换
摘要：html: <div class="box"> <div class="yuan"> <div class="yuan1"> <p>1</p> </div> <div class="yuan2"> <p>2</p> </div> <div class="yuan3"> <p>3</p> </div> 阅读全文
posted @ 2021-03-29 16:25 大吉羊 阅读(108) 评论(0) 推荐(0)
video在ios和Android下播放情况
摘要：加入以下代码，IOS微信浏览器可以正常播放。安卓微信浏览器需要点击才能播放，安卓浏览器会显示播放控件 <video data-autoplay autoplay src="./video/banner.mp4" muted="" poster="./img/banner.jpg" webkit-pl 阅读全文
posted @ 2021-03-25 15:15 大吉羊 阅读(345) 评论(0) 推荐(0)
css实现文本两端对齐
摘要：html代码： <ul> <li>密 码</li> <li>用 户 名</li> <li>身 份 证 号</li></ul>css代码： ul li{ width: 120px; height: 40px; line-height: 40px; text-align: justify; text-a 阅读全文
posted @ 2021-03-17 15:06 大吉羊 阅读(127) 评论(0) 推荐(0)
scale 与 transfrom-origin配合出现奇特效果
摘要：代码如下： 第一种：这个方法在Edge和IE浏览器不起作用 <div>Hover Me</div> div { position: absolute; width: 200px; height: 60px; font-size: 30px; text-align: center; transitio 阅读全文
posted @ 2021-03-09 15:23 大吉羊 阅读(107) 评论(0) 推荐(0)
css选择器解析规则
摘要：转载链接：https://blog.csdn.net/csu_passer/article/details/101460974 在平时的开发过程中，我知道CSS选择器是从右往左匹配的，但是不知道为什么是从右往左而不是从左往右。这里记录一下分析心得。 我们知道dom树和css会合成为render树，这 阅读全文
posted @ 2021-03-04 11:34 大吉羊 阅读(105) 评论(0) 推荐(0)
swiper轮播图包含视频或图片
摘要：swiper轮播图——视频轮播、图片轮播、视频和图片轮播 可参考线上网站：http://demo.xinc.cebest.com/MyFile/banner_video.html 1、html <div class="banner"> <div class="swiper-container"> < 阅读全文
posted @ 2021-03-04 10:48 大吉羊 阅读(2192) 评论(0) 推荐(0)