Rectangle Row Shape
Layout cheats
Top Row
Lorem ipsum dolor sit amet, mei eligendi copiosae referrentur ei, ne invenire quaestio disputando sea. Ad duo saepe utroque. Ut mel apeirian deseruisse.
Negative margin
Lorem ipsum dolor sit amet, mei eligendi copiosae referrentur ei, ne invenire quaestio disputando sea. Ad duo saepe utroque. Ut mel habemus apeirian deseruisse, per at diam populo. Sit ullum errem sapientem no. Nam justo tation at. Fastidii suscipit deseruisse an per, qui ubique vituperata no.
Negative margin
Lorem ipsum dolor sit amet, mei eligendi copiosae referrentur ei, ne invenire quaestio disputando sea. Ad duo saepe utroque. Ut mel habemus apeirian deseruisse, per at diam populo. Sit ullum errem sapientem no. Nam justo tation at. Fastidii suscipit deseruisse an per, qui ubique vituperata no.
Next Row
Below is the the CSS snippet to create the animated lift effect. It was added here to the page template (via Ctrl an Y). "lift" was added to the Advance tab of the two columns.
.lift:hover {
transform: translateY(-15px);
}
.lift {
transition: all .5s ease-in-out;
}
Top Row
Lorem ipsum dolor sit amet, mei eligendi copiosae referrentur ei, ne invenire quaestio disputando sea. Ad duo saepe utroque. Ut mel apeirian deseruisse.
No negative margin
Lorem ipsum dolor sit amet, mei eligendi copiosae referrentur ei, ne invenire quaestio disputando sea. Ad duo saepe utroque. Ut mel habemus apeirian deseruisse, per at diam populo. Sit ullum errem sapientem no. Nam justo tation at. Fastidii suscipit deseruisse an per, qui ubique vituperata no.
No negative margin
Lorem ipsum dolor sit amet, mei eligendi copiosae referrentur ei, ne invenire quaestio disputando sea. Ad duo saepe utroque. Ut mel habemus apeirian deseruisse, per at diam populo. Sit ullum errem sapientem no. Nam justo tation at. Fastidii suscipit deseruisse an per, qui ubique vituperata no.
Next Row
Lorem ipsum dolor sit amet, mei eligendi copiosae referrentur ei, ne invenire quaestio disputando sea. Ad duo saepe utroque. Ut mel habemus apeirian deseruisse, per at diam populo. Sit ullum errem sapientem no. Nam justo tation at. Fastidii suscipit deseruisse an per, qui ubique vituperata no.
Top Row
Middle Row
No negative margin
Lorem ipsum dolor sit amet, mei eligendi copiosae referrentur ei, ne invenire quaestio disputando sea. Ad duo saepe utroque. Ut mel habemus apeirian deseruisse, per at diam populo. Sit ullum errem sapientem no. Nam justo tation at. Fastidii suscipit deseruisse an per, qui ubique vituperata no.
No negative margin
Lorem ipsum dolor sit amet, mei eligendi copiosae referrentur ei, ne invenire quaestio disputando sea. Ad duo saepe utroque. Ut mel habemus apeirian deseruisse, per at diam populo. Sit ullum errem sapientem no. Nam justo tation at. Fastidii suscipit deseruisse an per, qui ubique vituperata no.
Bottom Row
Top Row
Middle Row
No negative margin
Lorem ipsum dolor sit amet, mei eligendi copiosae referrentur ei, ne invenire quaestio disputando sea. Ad duo saepe utroque. Ut mel habemus apeirian deseruisse, per at diam populo. Sit ullum errem sapientem no. Nam justo tation at. Fastidii suscipit deseruisse an per, qui ubique vituperata no.
No negative margin
Lorem ipsum dolor sit amet, mei eligendi copiosae referrentur ei, ne invenire quaestio disputando sea. Ad duo saepe utroque. Ut mel habemus apeirian deseruisse, per at diam populo. Sit ullum errem sapientem no. Nam justo tation at. Fastidii suscipit deseruisse an per, qui ubique vituperata no.
Bottom Row
White
Lorem ipsum dolor sit amet, mei eligendi copiosae referrentur ei, ne invenire quaestio disputando sea. Ad duo saepe utroque. Ut mel habemus apeirian deseruisse, per at diam populo. Sit ullum errem sapientem no. Nam justo tation at. Fastidii suscipit deseruisse an per, qui ubique vituperata no.
Black
Lorem ipsum dolor sit amet, mei eligendi copiosae referrentur ei, ne invenire quaestio disputando sea. Ad duo saepe utroque. Ut mel habemus apeirian deseruisse, per at diam populo. Sit ullum errem sapientem no. Nam justo tation at. Fastidii suscipit deseruisse an per, qui ubique vituperata no.
