已采纳回答 / ____w_____L_____
a[class^="column"]{background:red;} a[href$="doc"]{background:green;} a[title*="box"]{background:blue;}
2018-06-11
最赞回答 / 麓鹿不迷路
第六个问题已解决:box-sizing: border-box;作用是,一般来说设置宽高以后,再设置padding和boder时content大小不变,会往外扩,这样就可能会挤到周围的元素,加上这句代码以后,宽高设置好就不变了,padding和border会往里设置,对应的content区域会减小。
2018-06-10
最赞回答 / qq_嶸歸_0
你的问题可以这样解决,如果暂停了动画的播放,元素的样式将回到最原始设置状态@keyframes move { 0%{ transform: translateY(90px); background: orange; } 15%{ transform: translate(90px,90px); } 30%{ transform: translate(180px,90px); } 45%{ transform: translate(90px,90px); } ...
2018-06-09
老师其实没说错,文中写的是“动画播放 在 第偶数次向前播放,第奇数次 向 反方向播放。”
向前播放就是从100%到0%,即倒放。
第二句的“向”反方向播放,向 指的就是前面的倒放。向倒放的反向播放,不就是正放了嘛。
老师这样写确实有点绕了,但也不妨可以理解为老师是故意这么写,来提醒大家多一种思考方式。
向前播放就是从100%到0%,即倒放。
第二句的“向”反方向播放,向 指的就是前面的倒放。向倒放的反向播放,不就是正放了嘛。
老师这样写确实有点绕了,但也不妨可以理解为老师是故意这么写,来提醒大家多一种思考方式。
2018-06-09
top\left是相对于具有position属性的包含块的移动,
translate(50%,50%)是相对于自身长宽的50%
translate(50%,50%)是相对于自身长宽的50%
2018-06-09
已采纳回答 / __小叶子_
1、.bg:not(:target),意思是所有没被触发的选择器的样式,:not(条件),非括号里面的类型。通过点击锚点类似a<a href="#bg1"></a>触发,链接到id为bg1的元素。例如你点击了第一个,那么其他4个img就是.bg:not(:target),第一个就是#bg1:target。这样第一个图片通过入场动画显示出来,其他四个因为img.bg设置了z-index为1,层级在下面,就会被第一个的z-index:100覆盖。2、同第一个图片,z-index是显示的...
2018-06-09
已采纳回答 / qq_然之_0
position:absolute,left:50%后,让它往左移足够的空间,显示它的全部宽度,我这里采用transform: translateX(-50%);对它进行移位、自动设置了自己的宽度为父宽度()的一半.
2018-06-09