随笔分类 - css3
摘要：.pline1_r{ position: relative; } .pline1_r:after{ content: ''; position: absolute; top: 5rpx; right: 6rpx; width: 12rpx; height: 12rpx; border-top: 4r
阅读全文
摘要：direction: rtl; right to left demo1:不仅仅文字倒序了，而且整体到div右边了 <style> .direction{ direction:rtl; } </style> <body> <div class="direction"> <span>1</span> <
阅读全文
摘要：<transition name="fade"> </transition> 可以替代css中再用transition的属性
阅读全文
摘要：transform-Origin属性允许您更改转换元素的位置。 2D转换元素可以改变元素的X和Y轴。 3D转换元素，还可以更改元素的Z轴。 为了更好地理解Transform-Origin属性，请查看这个: https://www.runoob.com/try/try.php?filename=try
阅读全文
摘要：ul{ margin-bottom: 20px; & >li { margin-bottom: 0; } } & 表示嵌套的上一级 这是sass的语法，代表上一级选择器 解释成CSS代码如下 ul{margin-bottom: 20px;} ul > li {margin-bottom: 0;}
阅读全文
摘要：/* 渐变轴为45度，从蓝色渐变到红色 */ linear-gradient(45deg, blue, red); &::before { @include size(100%, 4px); position: absolute; left: 0; bottom: 0; background: li
阅读全文
摘要：img { @include size(100%); transition: all 0.5s linear; &:hover { transform: scale(1.1); } }
阅读全文
摘要：css3 相关文章 ： https://www.cnblogs.com/yanggeng/tag/css3%E7%B3%BB%E5%88%97/
阅读全文
摘要：css中“~”和“>”是什么意思？ ~ 这里"之后": 并不是在子元素内;而且，这里之后是指同一个层级的后面，同一层子集中是不能生效的 demo1 为所有相同的父元素中位于 p 元素之后的所有 ul 元素设置背景： p~ul{ background:#ff0000; } <p>快乐生活</p> <u
阅读全文
摘要：<!DOCTYPE html> <html> <head> <style> div { width:100px; height:100px; background:red; position:relative; animation:mymove 5s infinite; -moz-animation
阅读全文
