用Jquery进行CSS转换

Question

我想在我的网站的元素中添加class（s​​tycky-border）。这是我的jQuery代码

`

df = spark.createDataFrame([[1]], ['id'])

data = [({},)]
schema = StructType([StructField("map2", MapType(StringType(), StringType()))])
df2 = spark.createDataFrame(data, schema)

df.crossJoin(df2).show()
+---+-----+
| id| map2|
+---+-----+
|  1|Map()|
+---+-----+

如何在过渡时缓慢执行此操作。 如何在jQuery中使用CSS属性“ transition：10s”？

谢谢！

Answer 1

看起来问题可能出在您的CSS上。您需要定义过渡要应用到的属性名称，而不仅仅是持续时间。

https://developer.mozilla.org/en-US/docs/Web/CSS/transition

例如，如果您希望在不透明度上过渡，则可以执行以下操作： transition: opacity 10s

此外，您只能在两种状态之间进行转换（不能进行显示等操作）。使用不透明度示例，您的代码可能看起来像这样：

#masthead {
  opacity: 0;
  transition: opacity 10s;
}

  // masthead with sticky-border
#masthead.sticky-border {
  opacity: 1;
}