Semantic-UI 显示淡入淡出类型
Semantic UI是一个开源框架,它使用 CSS 和 jQuery 构建出色的用户界面。它与使用的引导程序相同,并且有很多不同的元素可用于使您的网站看起来更令人惊叹。
Semantic UI Reveal用于轻松显示内容,而不是使用 CSS。在 Semantic-UI Reveal 中,当元素被激活时,会显示附加内容而不是之前的内容。语义 UI 提供不同类型的显示,如淡入淡出、移动和旋转,甚至具有不同的变化以及不同的内容和状态。在本文中,我们将使用示例代码了解Semantic-UI Reveal Fade Type及其实现。
Semantic-UI Reveal Fade Type是一种显示类型,其中先前的内容消失以显示其下方存在的附加内容。先前的内容淡出以显示其下方的内容。
Semantic-UI 显示淡入淡出类型类:
- fade:这些类用于通过淡化以前的内容来显示其他内容。
句法:
...
示例 1:
HTML
Geeksforgeeks
Semantic-UI Reveal Fade Type
HTML
Geeksforgeeks
Semantic-UI Reveal Fade Type
输出:
示例 2:
HTML
Geeksforgeeks
Semantic-UI Reveal Fade Type
输出:
参考: https://semantic-ui.com/elements/reveal.html#fade