Semantic-UI | Reveal
Semantic UI is an open-source framework that uses CSS and jQuery to build great user interfaces. It is the same as a bootstrap for use and has great different elements to use to make your website look more amazing. It uses a class to add CSS to the elements.
Reveal show content in place of previous content when activated or hovered.
Example 1: Fading Reveal.
Here in the class of visible content, we have to add the content which we want to show default and in hidden content, we want to put that content which we wanna reveal.
Example 2: Reveal Move.
You can add class up, down and right class to move in up, down, and right direction. For example, for up the class=’ui move up to reveal’.
Example 3: Rotate Reveal
Change class to ‘UI small circular rotate left reveal image’ to rotate it to left.
You can add instant class to any reveal to reveal without delay.
Note: The aspect ratio of hidden and visible images should be the same.