5 ms·
Transparenttextures.com
- unsnap_biceps 2y agoI can't seem to find licensing info on the textures. Where can I use them legally?
- Aeolun 2y agoI think this website has been around long enough it probably comes from the ‘everything on the internet is free’ era.
- gmiller123456 2y agoSadly, today that often interprets to: someone bought (or just claims to have) the rights and now makes a living suing people for using it. If you plan to use it for anything serious, it's worth the effort to find something with an actual license.
- bowmessage 2y agoThe author just commented [0] to mention everything is CC-BY-3.0. [0] https://news.ycombinator.com/item?id=41515968 https://news.ycombinator.com/item?id=41515968
- _9hey 2y agoThis is cool! I’d be interested in seeing how much of this could be accomplished with svg or raw css
- kmoser 2y agoCool, but how do you create your own patterns? I was hoping for an editor that let me create my own.
- keyboardcaper 2y agoWow, I remember using this 10 years ago.
- geon 2y agoA transparent noise texture plus css blur on the background makes a really nice frosted glass effect.
- albert_e 2y agoBy any chance are you able to point to any examples ..this sounds interesting and I may want to use this technique in my next project. Thanks.
- geon 2y agoI don't have it online, but I used that effect for modal dialog background overlays: https://github.com/geon/estimator/blob/369824b8b22e5c9c238c8b8ff439534f7c049378/client/css/style.less#L710 https://github.com/geon/estimator/blob/369824b8b22e5c9c238c8... It's pretty much like the second method here: https://dev.to/khush2706/frosted-glass-effect-in-css-27p4 https://dev.to/khush2706/frosted-glass-effect-in-css-27p4 , but instead of just `rgba(255, 255, 255, 0.192)` as background, also use the noise image from my repo.
- armchairhacker 2y agoI wonder how they look with a gradient background
- codetrotter 2y agoHere's what that list of transparent textures looks like on a gradient background: https://web.archive.org/web/20240912000631/https://jade-denice-25.tiiny.site/ https://web.archive.org/web/20240912000631/https://jade-deni... (slower to load, but better to view on a big monitor.) https://archive.is/tvcvt https://archive.is/tvcvt (faster to load, but not full width.) I threw it together quickly. So some of the patterns may be a bit difficult to judge when seen using the size of the preview boxes in my grid. But some of them look surprisingly good on this particular gradient and preview size. Also, this little page with the gradient background is best viewed on desktop rather than mobile. Unlike the original Transparent Textures website this page does not give you any tools to play around with background, and unlike the original site does not let you click the individual patterns to swap the background. That's intentional – I only wanted to quickly see what the patterns looked like on a gradient background. Not to step on the toes of the creator of the website.
- supercoffee 2y agoA lot of the attribution links on this site lead to shady domain squatting sites, or sites that appear to be hosting malware.
- jorburn 2y ago[dead]
- mikehearn 2y agoIt's extremely weird to see this site on HN! I built this site in 2014 -- and haven't touched it since. I wasn't a developer then, I was a product manager, and this was a "look, hiring managers, I can build things" side project (it worked, I've been a dev since 2016). Despite being about 40% broken I keep the site up because it's still reasonably functional and there are a surprising amount of sites that now depend on having hotlinked the patterns directly from this domain. If it ever degrades to the point of being actively dangerous (and the attribution link rot is pretty close), I'll shut it down. Until then, it's a fun relic from the internet of a decade ago. Just to answer a question upthread (and I 100% agree this should be on the website), the patterns are all CC-BY-3.0, meaning it just requires attribution and any pattern can be used for free.
- codetrotter 2y ago> If it ever degrades to the point of being actively dangerous (and the attribution link rot is pretty close), I'll shut it down. To avoid the problem of linked domains leading to malware or things like that, you might consider linking to archived snapshots on Wayback Machine of the links instead of the real pages, for those sites that are now no longer hosting what they used to.
- dreadlordbone 2y agoi bet those load times would be very bad
- codetrotter 2y agoWell that'd be ok. We are talking about the a href text links, not about hot-linking the images themselves.
- rollcat 2y agoPlease don't ever treat archive.org as a free CDN, they are a public library in need of your support, not free hosting for your side-project. There are enough free resources (e.g. Github Pages, Netlify, Cloudflare...) that are better suited for this task.
- tedunangst 2y agoJust an observation, some colors completely wash out before others. Like 00d000 is solid green, but 0000d0 is a nicely shaded blue for many patterns. But depends on pattern (looking at bright squares).
- 2four2 2y agoOh wow, I'm really glad your side project has given people so much value over these years! Deep inside, I feel like stuff like this is what the Internet was really for.
- Reptur 2y agoWould have totally used these back in the Tripod hosting days of the 90s. Cool.
- mightyhacker658 2y ago[dead]
- deleted 2y ago[deleted]
- lmlp 2y ago'Transparent' how?
- hrkucuk 2y agoI had the same question at first. Upon downloading and inspecting the PNG file, you will notice that it actually has an alpha channel. This allows us to give it any color we want easily by giving a background color property in CSS. That could still be achieved however, if it wasn't transparent, by playing with the Hue value.
- m-hodges 2y agoReminds me of the old subtlepatterns dot com