纯css效果
文章平均质量分 90
ping_biubiubiu
这个作者很懒,什么都没留下…
展开
-
css 的空格处理
一、空格规则HTML 代码的空格通常会被浏览器忽略。<p> hello world </p>上面是一行 HTML 代码,文字的前部、内部和后部各有4个空格。浏览器的输出结果如下:可以看到,文字的前部和后部的空格都会忽略,内部的连续空格只会算作一个。如果希望空格原样输出,可以使用<pre>标签。<pre> he...原创 2020-04-01 18:18:08 · 694 阅读 · 0 评论 -
使用scale 和 transform-origin 实现下划线跟随效果
使用scale 和 transform-origin 实现下划线跟随效果难点所在这个动画效果中,下划线是从一端进入,从另外一端离开的。而且,这个 hover 动画是纯 CSS 实现的。还原效果正常而言,我们一个 hover 效果,可能就是从哪里来,回哪里去,大部分的应该是这样的:html : &amp;lt;div&amp;gt;hover me&amp;lt;/div&amp;gt;cs...原创 2018-08-15 10:50:09 · 358 阅读 · 0 评论