link a style.css to the edge file.
put this in the style.css
background: url(images/bg.jpg) no-repeat center center fixed;
put the image in background url and it will alwase be a fullscreen image
1 person found this helpful
you can also use this code in Stage > compositionReady
"background-position":"center center fixed",
no needed css file anymore
Thank you! This is getting closer.
I'm trying to understand now how to keep my buttons and logo centered in the browser.
you should use percentage to keep them always centered in the browser when zooming out or in or change resolution !!
you shoud set your stage and all other stuff in percentage
the problem is with text, in zooming and zoom out they will change
Thanks again Zaxist. It might be helpful to look at my project. It's pretty simple at this point.
I'm trying to achive something similar to this:
i simulate the exact effect that you wanted and used with http://makeup.heatherconlan.com/
you just need to 3 simple steps to achive that
1st : create your hole things
2nd : select all of your elements and convert them to a symbol
3rd : just set center class for that symbol ( you can add class to symbol or elements by click on them on the Elements pannel and in the left side in properties panel in front of element name click on c letter then a box will appear and you write your class name in there )
i wrote the needed codes for you and removed the rest of your codes that not needed
* i also changed your stage to percentage width and height
you can see them in example file with your project
Really awesome you guys. Thanks for the assistance!
I have seen only images being scaled that way. Is it possible to do that with EA compositions as well?
Because I need exactly that placement of my background, but it should be animated. Therefore I am looking for a way to place a symbol filling up the viewport as with "background-size":"cover" for images.
yes it's Possible to scale your animation too, but i need to know your stage structure so i can tell you the right method to scale your animation