krotcar.blogg.se

Add border to text html
Add border to text html












The transparent border is best paired with the "Outer Border" mode as it can be used to add padding and extra empty space around the GIF.

add border to text html

Use the special word "transparent" to make the border transparent. To change the width of the border, you can use the border-width option and to change the color of the border, you can use the color picker. For example, you can draw a one-sided border by selecting just one checkbox, or select the opposite side checkboxes (top-bottom or left-right) to add create a two-sided border, or if you choose two adjacent borders (such as top-left, top-right, bottom-left, or bottom-right), you'll get a corner-border effect. By default, the border is added to all sides of GIF frames but you can also control individual top, left, right, and bottom borders through the checkboxes in the options. The "Inner Border" mode leaves the GIF dimensions unchanged but overwrites the pixels in the GIF animation. For example, if the GIF has the size 200×200 and the border size is 20, then the new GIF will have the size 220×220. The size of the GIF increases exactly by the border thickness. In this mode, GIF pixels near the edge are overwritten and new pixels are added around the GIF. Half of the line goes on the outside of frames and half of the line goes inside. The "Middle Border" mode draws a line exactly on the edge of frames. For example, if the input GIF is 200×200 pixels and the border size is 15 pixels, then the output GIF will be 230×230 pixels. This mode increases the dimensions of the GIF by twice the border width (because the borders go on all sides of the animation). The "Outer Border" mode leaves the animation as-is and draws a line around the animation frames. When adding a border around an animation, its dimensions can be either enlarged or preserved, depending on the border drawing mode.

add border to text html

You can surround the animation with a line of any thickness and color, including a transparent line.

add border to text html

This is a browser-based program that adds a border to static and animated GIFs.














Add border to text html