# Using glide button or Boolean as play/pause for css animation **URL:** \ **Category:** Ask for Help\ **Created:** [December 17, 2024, 8:17pm UTC](https://community.glideapps.com/t/using-glide-button-or-boolean-as-play-pause-for-css-animation/78664 "2024-12-17T20:17:49Z")\ **Posts on this page:** 6\ **Page:** 1
**Author:** ![Chana\_Chanin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/chana_chanin/32/22440_2.png) [@Chana\_Chanin](https://community.glideapps.com/u/Chana_Chanin)\ **Post date:** [December 17, 2024, 8:17pm UTC](https://community.glideapps.com/t/using-glide-button-or-boolean-as-play-pause-for-css-animation/78664/1 "2024-12-17T20:17:49Z")
I’m looking for a way to have my text scroll when users press a play button. I would also like them to control the speed of scroll. (this is for a music chord app. So it would be helpful if users can press play so they don’t have to constantly scroll while playing an instrument.) [How To Play And Pause CSS Animations With CSS Custom Properties | CSS-Tricks](https://css-tricks.com/how-to-play-and-pause-css-animations-with-css-custom-properties/) I found this solution, but the toggle switches don’t show up in the html. I’m wondering if it would be possible to make a glide checkbox or boolean to play/pause the animation. Any help would be greatly appreciated. I’m a css and code newbie ---
**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\ **Post date:** [December 18, 2024, 12:28am UTC](https://community.glideapps.com/t/using-glide-button-or-boolean-as-play-pause-for-css-animation/78664/2 "2024-12-18T00:28:38Z")
I would suggest looking into the AI component. Give it the text as an input, tell it to display it and scroll, but give you a control panel on the speed, and a play/pause button block. Those things might write values into the component’s variables, not necessarily a variable in your data. ---
**Author:** ![Chana\_Chanin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/chana_chanin/32/22440_2.png) [@Chana\_Chanin](https://community.glideapps.com/u/Chana_Chanin)\ **Post date:** [December 18, 2024, 8:08pm UTC](https://community.glideapps.com/t/using-glide-button-or-boolean-as-play-pause-for-css-animation/78664/3 "2024-12-18T20:08:29Z")
Oh my goodness!! I can’t believe that feature was sitting right there all this time! Thank you SOOOO much!!! ---
**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\ **Post date:** [December 18, 2024, 11:21pm UTC](https://community.glideapps.com/t/using-glide-button-or-boolean-as-play-pause-for-css-animation/78664/4 "2024-12-18T23:21:09Z")
Does it work for you? This is pretty recently, so try to play with it and let us know if it works. ---
**Author:** ![Chana\_Chanin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/chana_chanin/32/22440_2.png) [@Chana\_Chanin](https://community.glideapps.com/u/Chana_Chanin)\ **Post date:** [December 19, 2024, 3:30am UTC](https://community.glideapps.com/t/using-glide-button-or-boolean-as-play-pause-for-css-animation/78664/5 "2024-12-19T03:30:43Z")
yes! I just put in the prompt and it created the play button with speed control and everything ---
**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\ **Post date:** [December 19, 2024, 3:40am UTC](https://community.glideapps.com/t/using-glide-button-or-boolean-as-play-pause-for-css-animation/78664/6 "2024-12-19T03:40:51Z")
That’s sweet!