Greasy Fork

Hello, I like the CSS style you created!

But there are some problems in the process of using it

When the timeline of the video appears

The subtitle will have a sliding action from top to bottom

Hi. It is now updated.

This userstyle is now moved to https://greasyfork.org/en/scripts/458161-youtube-subtitle-caption-stylish.
The new userstyle uses Stylus. It can be customized with different colors.
The fonts can be also imported directly without other scripts.

Thank you very much for the update!

I've been using the "Stylus" plugin to adjust the style of the subtitles

I also adjusted the font, color, size, bold and other styles on top of your CSS

Although every update overwrites my changes

One more question that has been bugging me for a long time

I've been trying to tweak the CSS to get the outer stroke of the ASS subtitles

Just like in the picture: https://i.stack.imgur.com/uFoRI.png

It's not an "inner stroke" but an "outer stroke"

Thank you very much for the update!

I've been using the "Stylus" plugin to adjust the style of the subtitles

I also adjusted the font, color, size, bold and other styles on top of your CSS

Although every update overwrites my changes

One more question that has been bugging me for a long time

I've been trying to tweak the CSS to get the outer stroke of the ASS subtitles

Just like in the picture: https://i.stack.imgur.com/uFoRI.png

It's not an "inner stroke" but an "outer stroke"

Adjust text-shadow to achieve this effect.
Another way is text-stroke.
Both are described with examples in https://stackoverflow.com/questions/4919076/outline-effect-to-text

Thank you very much for the update!

I've been using the "Stylus" plugin to adjust the style of the subtitles

I also adjusted the font, color, size, bold and other styles on top of your CSS

Although every update overwrites my changes

One more question that has been bugging me for a long time

I've been trying to tweak the CSS to get the outer stroke of the ASS subtitles

Just like in the picture: https://i.stack.imgur.com/uFoRI.png

It's not an "inner stroke" but an "outer stroke"

You can generate the css using this.
http://owumaro.github.io/text-stroke-generator/

🎉 Thank you for your work and have a great day!

I have updated to version "2.1.7"

This is an amazing site: "https://owumaro.github.io/text-stroke-generator/"

I made one last change and used Apple's own "PingFang" font, with the font-weight set to "bold"