No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    animate in quasar 1.0.0 so fast speed

    Help
    3
    3
    1065
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • E
      eemeemgame last edited by

      how to config time all animate?

      1 Reply Last reply Reply Quote 0
      • s.molinari
        s.molinari last edited by

        The duration of animations are configurable at component level only.

        Scott

        1 Reply Last reply Reply Quote 0
        • Z
          Zireael last edited by

          The transition/animation classes are located in .syl files:
          https://github.com/quasarframework/quasar/blob/master/ui/src/css/core/transitions.styl
          https://github.com/quasarframework/quasar/blob/master/ui/src/css/core/animations.styl

          You can find names of classes you want to change and override them by making your own .styl file and putting in for example:

          .q-transition
          &–slide-right,
          &–slide-left,
          &–slide-up,
          &–slide-down
          &-enter-active, &-leave-active
          transition-duration 2.3s

          The above example will change TabPanels slide speed from 0.3s to 2.3s (for example) globally if the .styl gets imported into entry component. You can do this override this locally in scoped components by putting in <style lang=‘stylus’ scoped> […] </style>

          1 Reply Last reply Reply Quote 0
          • First post
            Last post