I am trying to make a 3440x1440 wallpaper with a single gif. The result I am looking for is like from this website http://girigiri.love/

You can see how the single gif fills up the entire screen in grids. Any ideas? :D

  • please next time use the appropriate tags, I edited your question to reflect that – Luciano May 10 '17 at 11:33
  • That is the most incredible thing I have ever seen... – Cai May 10 '17 at 21:51
  • What is your question? – Vincent Jun 2 '17 at 12:49

That site (who couldn't love it by the way?! haha). Is in reality simply repeating single images across its background.

For instance this frame:

enter image description here

Then you'd simply apply that with:

body {
 background-image: url("/img/your.gif");

No need to specify background-repeat: repeat, it's default.

That would fill the entire browser content area with copies of that image.

What they did on top of that is a bunch of JavaScript to change the background images as per a timing routine.

The JavaScript required is more a stackoverflow question, so I'd be pleased to answer it over there :)

| improve this answer | |
  • thank you! I will post in the appropriate section next time! – Kimochi Desu May 10 '17 at 11:04
  • I couldn't love it. :P (I do like the song, but the graphic theme has the same effect on my optic nerve as diarrhoea has on my colon). – user73856 May 10 '17 at 11:16
  • 1
    @Duane Dibbley haha yes me too! :) – mayersdesign May 10 '17 at 13:01

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.