Responsive with Scale-able effect« Back to Questions List
Hi, i want to make responsive website but with scalable effect. When i use 3 pages with screen tags i became 3 breakpoint but without this effect like in link above. Can i do this with exportkit? Thanks for ansewere me. Sincerely Karol Kiepas |
Do you have the right answer? If you do other users will benefit from your contribution, share your knowledge with the community!
Hi, We will do our best to explain how to do what you are asking, but some things will require a deeper level of understanding. RequiredYou will need to create a custom class to manage your CSS image background: //exportkit.com/plugin/environments/css/create-custom-css-class-styles-for-html5. You will need to ensure your image container has width:100% set in the CSS. Scale Images / DivMETHOD A – This is very simple, if you create a ${class} tag with a folder – it will remove the element area (top, left, width, height) – this will now reset the div to act normally. METHOD B – You can create a custom CSS class to reset any element and apply the class to that element. .reset div, .reset img { position: initial; top: initial; width: initial; height:inherit; } Or manually change the CSS to meet your needs. Scale BackgroundThis is very simple, you can apply the custom image class from above to your body tag, your background image will act normally. Try these first. |
Hi, i think it will be nice to make scale-able element like images, sliders and image backgrounds. |
Hi, This is possible and will require a few steps to accomplish. Before we explain, is the for your [body/] tag using a background for the entire webpage – or is this for an individual [div/] element? |
Share Your Knowledge!
Contribute to the community and help other users to benefit from your answer with experience and knowledge.