


Instead, you can just set the canvas itself as the background image. For example, if you’re applying sepia tone to CSS background images in the browser, you now no longer have to convert the processed canvas image into a data URI. Even with …Ĭanvas-as-background is in fact useful for some applications. That means you can’t “click through” to the original element. It will also show things like text selection or blinking carets. It’s live: whenever something happens in the referenced element, the -moz-element background image will be updated. There are three things to keep in mind about -moz-element: Using background-size you can create a thumbnail of the referenced element, for example: That means it’s subject to all the familiar background properties like background-position, background-repeat, and even background-size. This box uses #myBackground1 as its background!Ī -moz-element() image works just like a normal url() image. This element will be used as a background. In Firefox Beta 4 we’re introducing a new extension to the CSS background-image property: the ability to draw arbitrary elements as backgrounds using -moz-element(#elementID).
#Mozilla firefox website wallpaper mac#
Markus usually works on the Firefox Mac theme implementation, but this time he went on a small side trip through the Gecko layout engine in order to implement -moz-element.
