Movatterモバイル変換

[0]ホーム
URL:

Skip to content
DEV Community
Log in Create account

DEV Community

Cover image for Creating an Infinitely Zooming image (for ANTI-divtober 😉)
GrahamTheDev
GrahamTheDev

Posted on

     

Creating an Infinitely Zooming image (for ANTI-divtober 😉)

#divtober is a time for CSS artists to come out and play. They have to create a different piece of CSS art each day to showcase their CSS artistry and skill!

There are already some fantastic entries, such as this one from@alvaromontoro

"anti-divtober"?

I don't have any skill. But I am still going to participate in my own way 😉

Those of you who follow me already know I don't do CSS art or single div stuff, so I am going to join the challenge, but doeverything except create single div CSS art! 🤣

So what are the challenges?

Daything to create
1Fan
2Watch
3Quick
4Loop
5Tired
6Hungry
7Toxic
8Growing
9Homonym
10Organised
11Slice
12Squeak
13Camouflage
14Fancy
15Float
16Snow
17Stack
18Shine
19Nostalgia
20Journey
21Magic
22Critter
23Loud
24Smelly
25Dip
26Spice
27Film
28Dots
29Fruit
30Contrast
31Spooky

Day 1-4 entry

The first 4 days are fan, watch, quick and loop.

So I did afan,watching a concert, that is part of aquick infiniteloop 😂🤣

You're silly

Yeah I know!

You should check out the truly skilled people athttps://twitter.com/hashtag/divtober?src=hashtag_click&f=live

Have a great week everyone, keep an eye out for my next entry!

Top comments(4)

Subscribe
pic
Create template

Templates let you quickly answer FAQs or store snippets for re-use.

Dismiss
CollapseExpand
 
grahamthedev profile image
GrahamTheDev
Accessibility Specialist. I focus on ensuring content created, events held and company assets are as accessible as possible, for as many people as possible.
  • Location
    United Kingdown
  • Work
    Head of Accessibility - SFG20
  • Joined
•• Edited on• Edited

One thing that was interesting was creating an infinite loop, I don't think I have done that before (except as a GIF).

@alvaromontoro and@afif - as you can probably tell I was in a silly mood! I am sorry! 😋

CollapseExpand
 
afif profile image
Temani Afif
Your favorite CSS Hacker
  • Joined
•

well, we are used to this but let's hope Lynn will not get a heart attack 😬

This said, you can make your code with one div and no JS

CollapseExpand
 
grahamthedev profile image
GrahamTheDev
Accessibility Specialist. I focus on ensuring content created, events held and company assets are as accessible as possible, for as many people as possible.
  • Location
    United Kingdown
  • Work
    Head of Accessibility - SFG20
  • Joined
•

I did try but I couldn’t get it right, I think it was the transform-origin I got wrong.

Always great to see a better way to do it!

CollapseExpand
 
siddharthshyniben profile image
Siddharth
Making wild out-on-a-limb schemes which can change the world if they work, but probably wont.
•

Afanwatching a concert, which is part of aquick infiniteloop. 🤣🤣

Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment'spermalink.

For further actions, you may consider blocking this person and/orreporting abuse

Accessibility Specialist. I focus on ensuring content created, events held and company assets are as accessible as possible, for as many people as possible.
  • Location
    United Kingdown
  • Work
    Head of Accessibility - SFG20
  • Joined

More fromGrahamTheDev

DEV Community

We're a place where coders share, stay up-to-date and grow their careers.

Log in Create account
[8]ページ先頭
©2009-2025 Movatter.jp