摘要: 设计思路: 首先做一个包括图片和说明文字的简单的页面结构,然后再设置它的变换。将变换的元素,即照片和文字放在一个父容器里面,这就需要四个父容器 ,再将这四个父容器放在最外层的舞台上面进行变换,在每个父容器里面都包括两部分:一个是上面的图片,还有一个是下面的说明文字。最后采用层定位将图片和下面的说明文 阅读全文
posted @ 2019-08-14 23:11 石海莹 阅读(3420) 评论(1) 推荐(1) 编辑
摘要: ㈠实现不等宽背景条纹 实现如上图所示的效果,代码如下: 其他效果: ⑴如果想设置等宽的渐变只需要将开始值和结束值改为互补 ⑵如果需要等宽切无过渡的渐变,开始和结束值设置为50%即可。 ⑶如果想要垂直条纹,你只需要调整background-size的x、y值即可。 ㈡瓷砖条纹背景 实现如上图所示的效果 阅读全文
posted @ 2019-08-14 19:44 石海莹 阅读(564) 评论(2) 推荐(2) 编辑
摘要: ㈠currentColor定义及理解 来自MDN的解释:currentColor代表了当前元素被应用上的color颜色值。 使用它可以将当前这个颜色值应用到其他属性上,或者嵌套元素的其他属性上。 你这可以这么理解,CSS里你可以在任何需要写颜色的地方使用currentColor这个变量,这个变量的值 阅读全文
posted @ 2019-08-14 17:48 石海莹 阅读(1028) 评论(0) 推荐(1) 编辑