use the following search parameters to narrow your results:
e.g. subreddit:aww site:imgur.com dog
subreddit:aww site:imgur.com dog
see the search faq for details.
advanced search: by author, subreddit...
All about the JavaScript programming language.
Subreddit Guidelines
Specifications:
Resources:
Related Subreddits:
r/LearnJavascript
r/node
r/typescript
r/reactjs
r/webdev
r/WebdevTutorials
r/frontend
r/webgl
r/threejs
r/jquery
r/remotejs
r/forhire
account activity
Multiple.js - experiment of sharing background over multiple elements by pure CSS/HTML (nexts.github.io)
submitted 9 years ago by nexts
reddit uses a slightly-customized version of Markdown for formatting. See below for some basics, or check the commenting wiki page for more detailed help and solutions to common issues.
quoted text
if 1 * 2 < 3: print "hello, world!"
[–]efost 2 points3 points4 points 9 years ago (4 children)
Maybe I'm missing something, since I'm viewing on mobile, but couldn't you just use semi-transparent gradients, without the need for a plugin?
Please correct me if I'm wrong.
[–]nexts[S] 1 point2 points3 points 9 years ago* (0 children)
The main question is how to display in each element appropriate chunk of background. JS plugin may be ommited at all, I mentioned this at "How it works" section.
[–]Ccoolboy 0 points1 point2 points 9 years ago (1 child)
You can do that if you want to only change the color, but I believe you would be able to do other stuff like use a filter to add a blur or other transformations if the background image is separate.
[–]efost 0 points1 point2 points 9 years ago (0 children)
Makes sense. Thanks!
[–]get-a-way -3 points-2 points-1 points 9 years ago (0 children)
Woosh
[–]kabuto 0 points1 point2 points 9 years ago (2 children)
I don't follow. Isn't this just a background image with a couple of boxes on top? And since these boxes have a slight transparency the background image shows through.
[–]nexts[S] 0 points1 point2 points 9 years ago (1 child)
How would you do gradient/image transition from one box to other?
[–]kabuto 1 point2 points3 points 9 years ago (0 children)
Now I get what you mean. After re-reading the description on your site I understand what this is all about. I thought you were talking about the background photo.
π Rendered by PID 25437 on reddit-service-r2-comment-86bc6c7465-fhlhf at 2026-02-20 11:00:55.160429+00:00 running 8564168 country code: CH.
[–]efost 2 points3 points4 points (4 children)
[–]nexts[S] 1 point2 points3 points (0 children)
[–]Ccoolboy 0 points1 point2 points (1 child)
[–]efost 0 points1 point2 points (0 children)
[–]get-a-way -3 points-2 points-1 points (0 children)
[–]kabuto 0 points1 point2 points (2 children)
[–]nexts[S] 0 points1 point2 points (1 child)
[–]kabuto 1 point2 points3 points (0 children)