Site Notice
hello, world
Difference between revisions of "Svg loading"
From Project-EPB Commons
([InPageEdit] 没有编辑摘要) |
([InPageEdit] 没有编辑摘要) |
||
(31 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | + | There are a lot of loading animations that look great. But it is difficult to insert them into wiki article. And GIF picture quality is often poor. So I made these SVG files. | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | . | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | Most of them were not designed by publisher, I just imitated their effects using SVG. So if some of them violate copyright, please remind publisher to delete them. | |
− | + | ||
− | + | == Fandom design == | |
− | + | Imitated by: [[User:机智的小鱼君]] | |
− | + | <div style="text-align:center;margin:0 auto;"><img src="https://vignette.wikia.nocookie.net/dftest/images/c/c0/Loading.svg"><br/>What's that! Animated SVG!! COOOOL!!!</div> | |
− | + | * <nowiki>https://vignette.wikia.nocookie.net/dftest/images/c/c0/Loading.svg</nowiki> | |
− | + | ||
− | + | Copyright Fandom, inc<ref>https://fandomdesignsystem.com/components/progress-indicators</ref> | |
− | + | ||
− | </ | + | == Microsoft style == |
− | </svg> | + | These 3 Microsoft style SVG files were imitated by: [[User:机智的小鱼君]] |
− | </ | + | <div style="text-align:center;margin:0 auto;"><img src="https://vignette.wikia.nocookie.net/dftest/images/8/8c/Ms-loading-spinner.svg"><br/>Normal</div> |
+ | * <nowiki>https://vignette.wikia.nocookie.net/dftest/images/8/8c/Ms-loading-spinner.svg</nowiki> | ||
+ | |||
+ | <div style="background:#000;color:#fff;text-align:center;width:45px;margin:0 auto;border-radius:2px;padding: 4px;"><img src="https://vignette.wikia.nocookie.net/dftest/images/c/c3/Ms-loading-spinner-white.svg"><br/>White</div> | ||
+ | * <nowiki>https://vignette.wikia.nocookie.net/dftest/images/c/c3/Ms-loading-spinner-white.svg</nowiki> | ||
+ | |||
+ | <div style="text-align:center;margin:0 auto;"><img src="https://vignette.wikia.nocookie.net/dftest/images/0/07/Ms-loading-spinner-black.svg"><br/>Black</div> | ||
+ | * <nowiki>https://vignette.wikia.nocookie.net/dftest/images/0/07/Ms-loading-spinner-black.svg</nowiki> | ||
+ | |||
+ | Copyright Microsoft, corp | ||
+ | |||
+ | == Google Material == | ||
+ | '''TBD''' | ||
+ | |||
+ | == References == | ||
+ | <references/> |
Latest revision as of 04:52, 16 December 2019
There are a lot of loading animations that look great. But it is difficult to insert them into wiki article. And GIF picture quality is often poor. So I made these SVG files.
Most of them were not designed by publisher, I just imitated their effects using SVG. So if some of them violate copyright, please remind publisher to delete them.
Fandom design
Imitated by: User:机智的小鱼君
<img src="https://vignette.wikia.nocookie.net/dftest/images/c/c0/Loading.svg">
What's that! Animated SVG!! COOOOL!!!
What's that! Animated SVG!! COOOOL!!!
- https://vignette.wikia.nocookie.net/dftest/images/c/c0/Loading.svg
Copyright Fandom, inc[1]
Microsoft style
These 3 Microsoft style SVG files were imitated by: User:机智的小鱼君
- https://vignette.wikia.nocookie.net/dftest/images/8/8c/Ms-loading-spinner.svg
<img src="https://vignette.wikia.nocookie.net/dftest/images/c/c3/Ms-loading-spinner-white.svg">
White
White
- https://vignette.wikia.nocookie.net/dftest/images/c/c3/Ms-loading-spinner-white.svg
<img src="https://vignette.wikia.nocookie.net/dftest/images/0/07/Ms-loading-spinner-black.svg">
Black
Black
- https://vignette.wikia.nocookie.net/dftest/images/0/07/Ms-loading-spinner-black.svg
Copyright Microsoft, corp
Google Material
TBD