css 中等淡入淡出

Posted 2021-05-13

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css 中等淡入淡出相关的知识，希望对你有一定的参考价值。

/* MEDIUM-FADE */
 
background: rgb(229,229,229); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(229,229,229,1) 0%, rgba(255,255,255,1) 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,229,229,1)), color-stop(99%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 99%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 99%); /* W3C */

以上是关于css 中等淡入淡出的主要内容，如果未能解决你的问题，请参考以下文章

在 css jQuery 中应用淡入淡出到粘性导航的过渡淡入淡出

CSS 过渡 - 仅在悬停时淡入淡出元素

在 jQuery 中与 CSS 中的过渡同时使用淡入淡出和淡出

如何仅使用 CSS 创建淡入/淡出效果？

CSS如何使元素淡入然后淡出？

CSS 最简洁hover事件的淡入淡出写法,且不占文档流位置!