# CSS gallery **URL:** \ **Category:** Project Showcase\ **Created:** [March 2, 2021, 4:47am UTC](https://community.glideapps.com/t/css-gallery/23632 "2021-03-02T04:47:13Z")\ **Posts on this page:** 13\ **Page:** 2
**Author:** ![Manikandan\_R](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manikandan_r/32/43482_2.png) [@Manikandan\_R](https://community.glideapps.com/u/Manikandan_R)\ **Post date:** [March 22, 2022, 6:08pm UTC](https://community.glideapps.com/t/css-gallery/23632/21 "2022-03-22T18:08:19Z")
Can you share the css html code. ---
**Author:** ![Manikandan\_R](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manikandan_r/32/43482_2.png) [@Manikandan\_R](https://community.glideapps.com/u/Manikandan_R)\ **Post date:** [March 26, 2022, 6:39pm UTC](https://community.glideapps.com/t/css-gallery/23632/22 "2022-03-26T18:39:34Z")
@Uzo Can I get the codes for this. ---
**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\ **Post date:** [March 26, 2022, 7:13pm UTC](https://community.glideapps.com/t/css-gallery/23632/23 "2022-03-26T19:13:35Z")
I did not post any samples in this thread. what are you looking for? ---
**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\ **Post date:** [March 27, 2022, 5:40am UTC](https://community.glideapps.com/t/css-gallery/23632/25 "2022-03-27T05:40:52Z")
this is Hisashi code… you can ask him, but I have not seen him for a long time… I would have to spend a few hours to recreate that… so if I have a paid project requesting that, ill will make it and add it to the Code BOOK. But who knows… maybe someone has it and will share… ---
**Author:** ![Manikandan\_R](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manikandan_r/32/43482_2.png) [@Manikandan\_R](https://community.glideapps.com/u/Manikandan_R)\ **Post date:** [March 27, 2022, 7:46am UTC](https://community.glideapps.com/t/css-gallery/23632/26 "2022-03-27T07:46:46Z")
I’m waiting…@uzo ---
**Author:** ![hisashi.fujita](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/hisashi.fujita/32/17088_2.png) [@hisashi.fujita](https://community.glideapps.com/u/hisashi.fujita)\ **Post date:** [March 29, 2022, 1:05am UTC](https://community.glideapps.com/t/css-gallery/23632/27 "2022-03-29T01:05:02Z")
Hi! @Manikandan_R The CSS code you want is a bit complicated on the current app. Therefore, we have prepared an app that can be copied so that anyone can use it easily. > **[css-animation](https://fortunate-show-6679.glideapp.io/)** After copying the app, follow the steps below to make a simple customization. ★ First, prepare one square image. ★ Replace the image with the image column in the glide table. ★ Enter the text on the image in the Text on image column. ★ If necessary, specify the top and bottom positions of the image in the margin-top column. ![スクリーンショット 2022-03-29 10.11.45](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/7/976faa5d884d89624acf555e57c6a0d7b4cf6662.png) - This app may be deleted without notice after a certain period of time. Thank you for your comment @Uzo. ---
**Author:** ![Manikandan\_R](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manikandan_r/32/43482_2.png) [@Manikandan\_R](https://community.glideapps.com/u/Manikandan_R)\ **Post date:** [March 29, 2022, 3:16am UTC](https://community.glideapps.com/t/css-gallery/23632/28 "2022-03-29T03:16:57Z")
Hi Thank you for this.Lots of love. ---
**Author:** ![jabid](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jabid/32/33391_2.png) [@jabid](https://community.glideapps.com/u/jabid)\ **Post date:** [March 29, 2022, 4:38pm UTC](https://community.glideapps.com/t/css-gallery/23632/30 "2022-03-29T16:38:23Z")
Working… thank you !!! Amazing… ---
**Author:** ![Manikandan\_R](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manikandan_r/32/43482_2.png) [@Manikandan\_R](https://community.glideapps.com/u/Manikandan_R)\ **Post date:** [April 10, 2022, 6:07pm UTC](https://community.glideapps.com/t/css-gallery/23632/33 "2022-04-10T18:07:22Z")
Hi @hisashi.fujita Am seeing one problem in it.The first time if i loaded the app it’s not looking good,the transition is not coming out in a good way.but if i goes into another tab and come again it’s working good.may i know the problem or where it needs to be adjust. ---
**Author:** ![hisashi.fujita](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/hisashi.fujita/32/17088_2.png) [@hisashi.fujita](https://community.glideapps.com/u/hisashi.fujita)\ **Post date:** [April 11, 2022, 8:39am UTC](https://community.glideapps.com/t/css-gallery/23632/34 "2022-04-11T08:39:29Z")
Hi @Manikandan_R. I don’t fully understand the details of your request. I don’t know if it will meet your needs, but there are other ways to do it. ★ Prepare the TOP page. ★ Set up a button to the animation page. ★ I am creating a test version with the following application. (Can be copied) > **[css-animation](https://fortunate-show-6679.glideapp.io/)** ---
**Author:** ![Manikandan\_R](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manikandan_r/32/43482_2.png) [@Manikandan\_R](https://community.glideapps.com/u/Manikandan_R)\ **Post date:** [April 11, 2022, 6:06pm UTC](https://community.glideapps.com/t/css-gallery/23632/35 "2022-04-11T18:06:12Z")
I’m ok with the animation.I’m not asking anything.but im showing the image right after the app is opened. The problem I’m seeing is,the top of the image is not coming in full. I will send you the video to you for your reference. ---
**Author:** ![Manikandan\_R](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manikandan_r/32/43482_2.png) [@Manikandan\_R](https://community.glideapps.com/u/Manikandan_R)\ **Post date:** [April 26, 2022, 7:24am UTC](https://community.glideapps.com/t/css-gallery/23632/36 "2022-04-26T07:24:05Z")
Hi, Can you please add some delay for 2 seconds before the animation play. ---
**Author:** ![Manikandan\_R](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manikandan_r/32/43482_2.png) [@Manikandan\_R](https://community.glideapps.com/u/Manikandan_R)\ **Post date:** [May 29, 2022, 11:51am UTC](https://community.glideapps.com/t/css-gallery/23632/37 "2022-05-29T11:51:56Z")
Hi @hisashi.fujita I need a favour of how to do this animation. An example of how I need is given here, [![](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/0/b/0b1910bf5f526378a0cee56270fde5815556f445.jpeg "Simple Image Fade In Slideshow Using Only CSS | Pure CSS Tutorial") ](https://www.youtube.com/watch?v=k9pOWBPZ3aQ) Would you tell how to add this to glide.I need a working example. [Previous page](https://community.glideapps.com/t/css-gallery/23632.md?page=1)