Welcome to the Treehouse Community
Looking to learn something new?
Help with personal project
Hey. I started working my portfolio real hard and right now I'm working on a project for a fictional fashion brand (urban style from New York). I have made a logo, brochure and shopping bag. Now I want to design and code the website. Also I want to get out from my comfort zone so the web site will be responsive, I'll be using svgs and I want to add few css3 animations on the first page. Here is the main page mockup. https://drive.google.com/file/d/0BzhAStaGPddxUGhPX2FKWHlXcDA/edit?usp=sharing What I want to happen on this page is that the sun rays will keep spinning around. Responsive. Correct positioning (sun is behind logo) and later I want to add more animations at the bottom of the page. (Yes I know that the two tall towers look like the twin towers. Ill change that later). So I'll start working on the code and I'll put it here for advice. Tell me what do you think about the logo BTW. Thanks!
Are you asking what script you need to make the sun rays spin?
If so, do you have the logo broken down into separate layers?
If you have the sun rays on a separate layer and position them where you want them. Then you could use jQuery to use the CSS transform: rotate(); property in an endless loop!
The logo is svg. The sun rays are png. I had success using css3 animation. I need help with the basic layout of the page. It's my first responsive project so Im not sure if im doing it right. I will upload the code tomorrow because I want to try other ways first. I don't know why but I'm having problems although its very simple page.