![]() ![]() The container could hold the image on its own as a background image but there are known issues in Safari with a CSS property we’re using: “background-attachment: fixed”. Notice we have a container for the image and content. Step 1: Mark-upĬhoosing descriptive class names helps when going back and maintaining your code. There are a number of plugins available that can do the same effect for us but in our opinion, they are over-complicated for this simple task.Īlso, there might be a number of ways this effect can be achieved and we only show one of them so other designers and developers might have a different idea of how this should be done. We will not be using any javascript for this simple effect. How to give your website some depth by creating a simple parallax effect Other websites who have taken it to another level Here are some sites we’ve built with different levels of parallax:
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |