我想知道是否可以使用纯CSS复制顶部推文列表底部的效果？
答案 0 :(得分：23)
是的，你可以！利用RGBa颜色和CSS3渐变，我们可以将以下样式应用于元素并具有淡化的半透明背景：
的Mozilla：
background: -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255, 1));
的Webkit：
background: -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255, 1));
（更改Webkit渐变后更新）
可悲的是，这仅适用于Firefox 3.6 +，Safari和Chrome。如果您需要在IE或旧版本的Firefox中使用效果，那么您最好使用像Twitter这样的半透明PNG。
答案 1 :(得分：2)
虽然这不是一个全面的解决方案，但它可以在Safari / Webkit上运行 - 所以很高兴知道那些做移动应用程序的人。
因此，假设您只解决了webkit问题，那么您可以使用here描述这个不错的功能。
-webkit-mask-image: -webkit-gradient(...)
当你无法用一些重叠的元素伪造淡出时，这也可以帮到你。 （例如，在背景上有图像，而不是纯色）
其余的，请按照上述步骤进行。
答案 2 :(得分：0)
如果您要对渐变使用更多最新的方向语法，请使用import numpy as np
def factorial(n):
assert type(n) is int and n >= 0
return 1 if n in (0, 1) else n * factorial(n - 1)
for n in range(10, 30, 3):
print(np.log(factorial(n)))
# 15.104412573075516
# 22.552163853123425
# 30.671860106080672
# 39.339884187199495
# ---------------------------------------------------------------------------
# AttributeError Traceback (most recent call last)
# <ipython-input-44-cf6e9f3f7b2f> in <module>
# 4
# 5 for n in range(10, 30, 3):
# ----> 6 print(np.log(factorial(n)))
# AttributeError: 'int' object has no attribute 'log'
，如
to bottom