Search the Community
Showing results for tags 'light'.
-
<style> #mySTEREOCHROME { width: 400px; height: 400px; background-image: url("red.jpg"), url("cyan.jpg"); background-blend-mode: lighten; background-color: #FF0000, #00FFFF; } </style> I'm trying to use 2 or more grayscale picture files to make a color one. This is my example of trying to make "red.jpg" in the red pixels, and "cyan.jpg" in both green and blue. How to do this in 2 (Stereochrome), 3 (Color) and 4 (Color-And-Alpha) picture files? I spent maybe an hour and a half on the internet trying to find a code that works, and I can't seem to find a way to get this working. Can anyone help? (Because reverse is slower than forward; it is speed in the negative.)
- 3 replies
-
- light
- brightness
-
(and 6 more)
Tagged with:
-
Hello, I want to realize a website attracting with a visual gimmick: Selected elements have reactive shadows based on CSS3. My idea: If you move the cursor, the elements' shadows change related to the cursor. That means the cursor works like a light or torch and live influences the text-shadow value(s). Is it possible to realize this kind of dynamic and reactive shadow with CSS3 or do I need to use both CSS3 and JavaScript? For instance, moving the cursor would change a div's text-shadow values from div { text-shadow: 5px 5px 10px #000000; } to div { text-shadow: 2px 10px 10px #000000; } . Any idea how to realize this?
-
Hello friends!. This is my first time to learn Js. I'm confused to get this codes. See the attached image. I've seen there an image called pic_bulboff.gif in img html tag, that I marked with red color. Unfortunately, I didn't find any HTML tag with pic_bulbon.gif back there in this Tryit Editor , (I marked by green) Even how is it possible to show this image {pic_bulbon.gif) there by clicking on the " Turn on the light" button? Thanks in advance.
-
Hi everybody. First at all, I specify I'm French and I'm sorry if my English isn't perfect. I've chosen this forum because I didn't find a solution with many French forums. A friend has advised to me this forum to expose my problem. I would like to add an animation to my html page by using JS. Let me explain ; for the time being, there's only one picture <img> on my page, it's a candle image. I would like to add an animation by using JS (or something else it doesn't matter) giving the impression of being near to the flame, if you know what I mean. I don't want to see the flame's move or to modify the picture, but just a light effect by using luminosity. I'm not a very high level in JS, and I don't know if I should use randomly variables and change luminosity or something else. If you could show me an example I would be grateful (: Thanks in advance, -Flo