I am trying to create a title effect with a line animation that comes from either the left or the right side of the viewport. I thought I successfully made it work, but when my colleagues watch the website on their large screen (2560x1440) the lines stop before reaching the side of the viewport.
Here is the markdown block I've made for the left lines:
<divstyle="text-align: right">We produce a new standard<br>of 3D films and images
======================================================
</div><hrstyle="height:2px!important;margin-left:-400px!important;width: auto !important;background-color:#000000!important;margin-top:-30px;">
Here is the markdown block I've made for the right lines:
Question
TOMweb 7
Site URL: https://endive-denim-89ds.squarespace.com/
Hi all!
I am trying to create a title effect with a line animation that comes from either the left or the right side of the viewport. I thought I successfully made it work, but when my colleagues watch the website on their large screen (2560x1440) the lines stop before reaching the side of the viewport.
Here is the markdown block I've made for the left lines:
Here is the markdown block I've made for the right lines:
Also, it seems like there is unnecessary margin on the right side of each page (this only shows when you scroll to the side). Is that normal?
Thank you for your help!!
Edited by remia06Link to post
Top Posters For This Question
3
1
Popular Days
Oct 21
1
Oct 22
1
Oct 23
1
Oct 26
1
Top Posters For This Question
TOMweb 3 posts
tuanphan 1 post
Popular Days
Oct 21 2020
1 post
Oct 22 2020
1 post
Oct 23 2020
1 post
Oct 26 2020
1 post
Posted Images
3 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment