css - 随笔分类 - yuesu

摘要：1.通过transform:scale()进行缩放 2.效果图字体大小是12px 字体大小是8px 阅读全文

posted @ 2019-03-18 17:35 yuesu 阅读(576) 评论(0) 推荐(0)

摘要：一、用例 1.先平移后旋转 .box{ width: 200px; height: 200px; background: red; animation: move 3s forwards; } @keyframes move{ 0%{ transform: translateX(0) rotate( 阅读全文

posted @ 2019-03-15 11:05 yuesu 阅读(1025) 评论(0) 推荐(0)

css 清除浮动

摘要：子标签使用了float时候，父标签的样式失效解决方案一：clear: both 解决方案二：clearfix 阅读全文

posted @ 2019-03-13 21:16 yuesu 阅读(228) 评论(0) 推荐(0)

鼠标移动到图片，图片放大

摘要：效果图如上代码阅读全文

posted @ 2019-03-12 18:04 yuesu 阅读(333) 评论(0) 推荐(0)

css 多个子项目之间等间距排列

摘要：需要实现的效果图如下：解决方案一：justify-content: space-evenly; 兼容性不太好解决方案二：利用伪元素阅读全文

posted @ 2019-03-11 16:15 yuesu 阅读(2669) 评论(0) 推荐(0)

适配iPhoneX全屏

摘要：<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"> viewport-fit,它有三个可选值： contain: 可视窗口完全包含网页内容 cover: 网页内容完全覆盖阅读全文

posted @ 2018-11-14 14:59 yuesu 阅读(112) 评论(0) 推荐(0)

css 边框设置0.5px

摘要：代码如下：利用transform:scale(0.5) 效果图：阅读全文

posted @ 2018-10-16 14:15 yuesu 阅读(374) 评论(0) 推荐(0)

css flex多行时，最后一行元素左对齐

摘要：在flex多行布局中，justify-content: space-between; 这个属性如果最后一行元素没有填满，会导致最后一行元素两端对齐解决方案： 1.添加空的元素(缺少几个添加几个) 运行结果：阅读全文

posted @ 2018-09-17 17:43 yuesu 阅读(667) 评论(0) 推荐(0)

html 网页调起QQ弹窗

摘要：客服阅读全文

posted @ 2018-09-13 18:01 yuesu 阅读(215) 评论(0) 推荐(0)

css-断网图片加载失败，图片表情与文字对齐

摘要：1.图片表情与文字对齐 2.断网图片加载失败 1) 图片转化为base64 2) 图片合成一张雪碧图阅读全文

posted @ 2018-08-30 10:47 yuesu 阅读(235) 评论(0) 推荐(0)

随笔分类 - css

公告