Riupress UI

Appearance

useOpacity ​

It is responsible for setting a layer obscuring the page and its animation.

DANGER

The object of the function is used by <transition> in Vue, but due to the errors related to defining enter-to ( here end here) class is not defined for itself.

Returns ​

opacity
Returns the object used to animate the layer
type:Object

Example of use ​

ts
import { useOpacity } from '@riupress/ui'
const { opacity } = new useOpacity()

Następnie:

html
<transition v-bind="opacity">
  <div v-if="isShow">...</div>
</transition>