随笔分类 -  css

css3字体颜色渐变
摘要：效果图: 代码: <span class="titleName">这是个测试字体</span> .titleName { background: linear-gradient(#ffffff,50%,#7e7e7e); -webkit-background-clip: text; color: t 阅读全文
posted @ 2021-02-23 17:37 橙子不是orange 阅读(175) 评论(0) 推荐(0)
css样式 unset妙用
摘要：一.先来看下unset的解释 二.常用于定位里面 注意:其他属性都可使用:例如 border-color: unset; color: unset; 等 阅读全文
posted @ 2020-10-28 14:55 橙子不是orange 阅读(1252) 评论(0) 推荐(0)
css3之图片正反面翻转
摘要：效果图: 简化代码如下: 1 <template> 2 <div class="flip-box"> 3 <div class="flip-item flip-item-front"> 4 正面 5 </div> 6 <div class="flip-item flip-item-back"> 7 阅读全文
posted @ 2020-08-05 17:11 橙子不是orange 阅读(1289) 评论(0) 推荐(0)
css实现图片360度旋转
摘要：1.图片效果(不能上传视频,只能截图了) 2.css代码 1 <template> 2 <div calss="testImg"> 3 <div class="roundImg"></div> 4 </div> 5 </template> 6 7 <style> 8 .roundImg{ 9 wid 阅读全文
posted @ 2020-07-15 14:36 橙子不是orange 阅读(12508) 评论(0) 推荐(0)
css实现移动端水平滚动导航
摘要：系列1 系列2 系列3 系列4 系列5 系列6 系列7 系列8 系列9 系列10 正文 正文 正文 正文 正文 正文 正文 正文 正文 正文 阅读全文
posted @ 2018-09-29 17:15 橙子不是orange 阅读(1939) 评论(0) 推荐(0)
子级用了float浮动之后,如何撑开父元素,让父元素div自动适应高度
摘要：方法一：对父级设置固定高度 假如以上案例，我们知道内部div高度100px,那对父级设置css height为100px看看效果。 此方法缺点，父级是固定高度，而不随内容高度自适应高度，没高度。此方法针对能确定父div内的内容高度情况下使用。 方法二：使用css clear清除浮动 在父级div标签 阅读全文
posted @ 2018-09-19 15:27 橙子不是orange 阅读(876) 评论(0) 推荐(0)
css和css3弹性盒模型实现元素宽度（高度）自适应
摘要：一、css实现左侧宽度固定右侧宽度自适应 1、定位 2、浮动 3、margin 二、css3弹性盒模型实现自适应 1、上下高度固定中间高度自适应 2、左侧宽度固定右侧宽度自适应 阅读全文
posted @ 2018-08-28 16:01 橙子不是orange 阅读(4537) 评论(0) 推荐(0)