YouTube: fadeInChatMessage

To fade in Chat Messages

当前为 2024-04-29 提交的版本,查看 最新版本

  1. /* ==UserStyle==
  2. @name YouTube: fadeInChatMessage
  3. @namespace github.com/openstyles/stylus
  4. @version 0.1.1
  5. @description To fade in Chat Messages
  6. @author CY Fung
  7. @preprocessor stylus
  8. @var number from-opacity "From Opacity" [0.3, 0, 1, 0.05]
  9. @var number to-opacity "To Opacity" [1, 0, 1, 0.05]
  10. @var number fade-duration "Fade Duration" [350, 10, 900, 10, 'ms']
  11. @var select timing-fx "Timing Fx" {
  12. "cubic-bezier(.4,.9,.5,1)": "cubic-bezier(.4,.9,.5,1)",
  13. "linear": "linear"
  14. }
  15. ==/UserStyle== */
  16.  
  17. @-moz-document url-prefix("https://www.youtube.com/live_chat") {
  18. if 1 {
  19. $animation = fadeInChatMessage fade-duration timing-fx 0s 1 normal forwards
  20. }
  21. @keyframes fadeInChatMessage {
  22. from{
  23. opacity:from-opacity;
  24. }
  25. to{
  26. opacity:to-opacity;
  27. }
  28. }
  29.  
  30.  
  31. [wsr93] {
  32.  
  33. animation: $animation;
  34. }
  35. /* Insert code here... */
  36. }

QingJ © 2025

镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址