![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
上天注定的姻缘最大嘛!
node java 前端领域 小白
展开
-
css的transform和transition
transform用来控制元素2D、3D的变换,允许你旋转、倾斜、移动、缩放。 transition用来设置元素的过渡效果。例如变化的时间。 下面我们来举简单的例子说明: <body> <div class="s-m"> <a href="#"><i class="fab fa-facebook-f"...原创 2019-09-05 10:01:22 · 204 阅读 · 0 评论 -
CSS的animation和transition
一、transform 描述的是元素静态样式 transform属性应用于元素的2D或3D转换。这个属性允许你将元素旋转,缩放,移动,倾斜等。 必须是鼠标移上或者点击执行属性变化,鼠标离开属性回归。说到底就是属性不会变化。配合-webkit-transition: 0.3s;transition: 0.3s;才会有动画的效果,否则会很生硬。 旋转:rote(30deg) ...转载 2019-09-09 09:41:01 · 138 阅读 · 0 评论 -
如何写一个带三角的矩形
选文选自其他博主:百度的笔试题目中只给出了一个div,所以这里需要使用css伪元素。详细代码如下: <!DOCTYPE HTML> <html lang="en"> <head> <title>The HTML5 Herald</title> <link type="text/css" rel="style...转载 2019-09-10 09:15:23 · 164 阅读 · 0 评论 -
理解before和after伪元素
层叠样式表(CSS)的主要目的是给HTML元素添加样式,然而,在一些案例中给文档添加额外的元素是多余的或是不可能的。事实上CSS中有一个特性允许我们添加额外元素而不扰乱文档本身,这就是“伪元素”。 关于语法和浏览器支持 伪元素实际上在CSS1中就存在了,但是我们现在所讨论的:before和:after则发布于CSS2.1中。在最初,伪元素的语法是使用“:”(一个冒号),随着web的发展,在CSS3...转载 2019-09-10 09:27:18 · 121 阅读 · 0 评论