Make a GIF loading image online

Source: Internet
Author: User
Tags comparison table

Originally sent a link, afraid to be # Programming Challenge # Army Brush screen, or here also share it!

This tool and the site "to map" using a similar method, the address is http://www.loadingapng.com, a total of 45 gif templates, you can choose a template to set the foreground color, background color, background color transparency, and picture size

Example Description: http://www.loadingapng.com/animation.php?image=39&fore_color=999999&back_color=FFFFFF&size= 64x64&transparency=1&image_type=1 Browser access address, the right mouse button picture Save as can download!

Parameter description:

Image: Template number (currently a total of 45 templates can be viewed through the official website address)

Fore_color: Front View

Back_color: Background color

Size: Picture size

Transparency: The background is transparent, the background color is transparent when it is 1, the Back_color setting is invalid

Image_type:1-gif format dynamic diagram 0-png format static diagram

PS: The official website provides the online tool to download, but the generation of pictures always found that the image generation failed to display, this is the time to directly use the browser to access the address + parameter configuration mode generated, and then right-click Save As on it! These pictures are mainly for the low version of IE can not use CSS3 production loading when used, high-end browser is recommended that you use CSS3 to achieve dynamic

Here you must also want to ask me: template number is how one by one corresponding Ah!?

In fact, I do not know, the author also did not give a comparison table, online tools and so the pit dad!

But! There's a solution!

The first (stupid method): When you use the online tool to select a favorite module layout and then directly click on the "Generate Animation" button to create a picture, Then there will be an IMG in the Image generation area (no matter what he looks like) right-click on the element (chrome) to see what the image parameter corresponds to in his SRC address.

The second (high-end): Directly find your favorite template right-click Review elements, see this div, a animation property value of the number is the template number!

Original link: http://www.gbtags.com/gb/share/6084.htm

Make a GIF loading image online

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.