经典语录:一切就像滑滑梯、一路上放肆张扬的笑了下来、最终重重的摔在下面、头破血流。 一、那些离开你的人，无论当初是出于什么原因离开的，也许他犹豫过挣扎过不舍过，但至少在他决定要走的那一瞬间，他觉得没有你，他会过得更好。 二、煮一壶茶折一枝白梅花 撑一把青伞泠泠雨落下 香桃木开满坟前惹风沙 谁的思念在石碑上发芽梦一场她城下作画 描一幅山水人家 雪纷纷下 葬了千层塔 生死隔断寂寞天涯梦一场她起弦风雅 奏一段白头韶华 雪纷纷下 葬了千层塔 似镜中月华他不知真假长安的誓言啊史书未写下。 三、我们单枪匹马闯入这世间，只为活出属于自己的所有可能。愿你这一生既有随处可栖的江湖，也有追风逐梦的骁勇。 四、 当你的才华还撑不起你的野心时，那你就应该静下心来学习；当你的经济还撑不起你的梦想时，那你就应该踏实的去工作；当你的能力还驾驭不了你的目标时，就应该沉下心来，历练；梦想，不是浮躁，而是沉淀和积累，只有拼出来的美丽，没有等出来的辉煌。 五、走错了记得回头，爱错了记得放手。 六、时间最会骗人，但也能让你明白，这个世界没有什么不能失去的。离去的都是风景，留下的才是人生。留到最后的人，就是对的人。 七、在青山绿水之间，我想牵着你的手，走过这座桥，桥上是绿叶红花，桥下是流水人家，桥的那头是青丝，桥的这头是白发。 八、让时间忘记我，让记忆忘记我，让思念忽略这一切。我汹涌或者平和的情绪，如水如梦。当人即使在梦中，仍不知幸福的所在，那才是最深的悲伤。一路的荒野，我们万水千山。 九、当你夜晚思念万千的时候，我的爱在你枕边与你细语，象哈哈哈催眠曲哄你入睡，甜甜地进入梦乡。爱是一种体会。用心体会到的爱，才是于细微深处见真情的爱，我对你的爱就是这种植入骨髓的爱。 十、好像每次都是这样，没有例外。在我们最需要有一个人去依靠的时候，往往到最后都是自己一个人挺过去。 十一、有些人，看起来好像是原谅你了，但其实，是因为你已经变得不那么重要了。 十二、活着呢，何必想那么多，何必问那么多，毕竟路是需要人走的，话是需要人说的，自己的世界，自己的沉淀，学会看人，学会看事，也要学会看自己，一辈子不容易，何必难为自己的全世界。 十三、愿意陪你的赶都赶不走，那些嘴上说说而已的，你也根本不必留。愿意比什么都重要也比什么都来得长久。 十四、不要着急，最好的总是在我们最不经意的时候出现，我们唯一能做的就是，怀揣希望去努力，静待美好的出现。 十五、世上除了生死，其他都是小事。不管遇到了什么烦心事，都不要自己为难自己；无论今天发生多么糟糕的事，都不要对生活失望，因为，还有明天。

圆角渐变边框实现

这里涉及到了圆角和渐变色两个属性。

1.圆角：border-radius

border-radius 属性是一个简写属性，用于设置四个 border-*-radius 属性。

2.渐变：linear-gradient

linear-gradient() 函数用于创建一个线性渐变的 "图像"。

为了创建一个线性渐变，你需要设置一个起始点和一个方向（指定为一个角度）的渐变效果。你还要定义终止色。终止色就是你想让Gecko去平滑的过渡，并且你必须指定至少两种，当然也会可以指定更多的颜色去创建更复杂的渐变效果。

 

所以通常情况下认为的最简便的方法是：直接在具有圆角边框的属性下使用border-image来控制渐变，但这样是错误的。

有过经验的朋友会发现border-radius会出现属性失效的情况，因为两个属性看似是控制两个效果，但实际操作却都是操作了border边角。

 

所以目前大众化且普遍的做法如下：

采用遮罩显示的方式，渐变为底色背景，内层填充，未被遮挡的部分自然就显示为圆角边框。

具体操作方式有多种如：

（1）两个div控制，一个渐变背景板一个内层填充

（2）一个div通过after伪类元素添加渐变背景板

（3）利用div的盒模型属性content-box, padding-box使用渐变和填充

以上三个方法均可实现圆角渐变边框，目前的普遍做法也是如此。

但是以上方式有个致命的缺点，由于都是背景填充和遮罩，所以无法做到圆角渐变边框且背景透明。

想要实现圆角渐变边框且背景透明，纯css实现比较困难，博主没写出效果极佳的列子不做代码展示。

希望以上观点对阅读者有部分帮助，有纯css实现圆角渐变边框且背景透明的例子我会第一时间补全。

 

posted @ 2019-10-08 09:59  赵洲web  阅读(1356)  评论(0)  编辑  收藏  举报