From a12411b0d7a583f8959ace45c604ece105da24a2 Mon Sep 17 00:00:00 2001 From: Ranul Date: Wed, 25 May 2022 11:51:27 +0530 Subject: [PATCH] Animated images support for GitHub Guidance for displaying an animated image by using the HTML `` element or in combination with the `` for using with themes. These animated images supports embedding GIFs into your issues, pull requests, discussions, comments and `.md` files. **Note** Retrieve the raw URL of "assets/images/help/writing/base-octocat.gif" once the asset have been merged to GitHub's original 'docs' repository and use the link to replace the forked repository's source raw URL . --- .../basic-writing-and-formatting-syntax.md | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/content/get-started/writing-on-github/getting-started-with-writing-and-formatting-on-github/basic-writing-and-formatting-syntax.md b/content/get-started/writing-on-github/getting-started-with-writing-and-formatting-on-github/basic-writing-and-formatting-syntax.md index aaecc97fdc45..a50b95556e75 100644 --- a/content/get-started/writing-on-github/getting-started-with-writing-and-formatting-on-github/basic-writing-and-formatting-syntax.md +++ b/content/get-started/writing-on-github/getting-started-with-writing-and-formatting-on-github/basic-writing-and-formatting-syntax.md @@ -163,6 +163,23 @@ For example, the following code displays a sun image for light themes and a moon The old method of specifying images based on the theme, by using a fragment appended to the URL (`#gh-dark-mode-only` or `#gh-light-mode-only`), is deprecated and will be removed in favor of the new method described above. {% endif %} +### Animated images with Graphic Interchange Format (or GIFs) + +You can display an animated image by using the HTML `` element or in combination with the `` for using with themes. These animated images supports embedding GIFs into your issues, pull requests, discussions, comments and `.md` files. + +For example, the following code displays an animated octo-cat with `` element: + +```HTML +This is GIF +``` + +This is GIF + + +{% tip %} + +**Tip:** When you want to display a GIF which is in GitHub, you should use GitHub raw URL links instead of GitHub content URL links. + ## Lists You can make an unordered list by preceding one or more lines of text with - or *.