Home Moving Light – alfarexdesign.com

we are ALFAREX
BORN INTO CREATIVITY
FOCUSED ON STRATEGY

About Us

WE ARE A TEAM OF CREATIVE DESIGNERS AND DEVELOPERS FOCUSED ON DELIVERING INNOVATIVE DIGITAL EXPERIENCES AND SOLUTIONS THAT EMPOWER BRANDS TO STAND OUT.

CREATIVITY

We approach every project with fresh ideas and original thinking to deliver unique solutions.

COLLABORATION.

Our designers and developers work closely together, combining talents to achieve the best results.

PASSION.

We are passionate about digital design and always motivated to push brands forward with our energy and dedication./aboutbox]

A DAY AT THE OFFICE

WHAT WE DO.

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Praesent commodo arcu massa.

WHAT WE ACHIEVE.

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Praesent commodo arcu massa.

AT THE END.

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Praesent commodo arcu massa.

THE TEAM

WE'RE A SMALL, FRIENDLY AND TALENTED TEAM. WE CRAFT BEAUTIFUL DIGITAL SOLUTIONS FOR AWESOME CLIENTS ACROSS ALL THE PLATFORMS.

JAMES BEAN

CREATIVE DIRECTOR

ISABELLA MORO

CHIEF EXECUTIVE OFFICER

DAVID IVE

GENERAL MANAGER

JAMES MORO

HR MANAGER

Tilted Content Slideshow

This slider plays with 3D perspective and performs some interesting animations on the right-hand side images.
CSS Animations

We are using 12 different animations for showing and hiding the items of a slide. The animations are defined by randomly adding data-attributes called data-effect-in and data-effect-out for every slide.
Tilted Items

The perspective view is achieved by adding a perspective value to the slide list item and tilting a division that contains the two screenshots.
Column or Row

The items in the tilted container are either laid out in a column or in a row. For some directions we need to adjust the animation delays for the items, since we don’t want the items to overlap each other when they move in or out.
Responsiveness

For smaller screens, the items on the right hand side will become less opaque and serve as decoration only. The focus will be on the description which will occupy all the width.
Navigation

For the “line” navigation we use a little trick to make the clickable area a bit bigger: we add a thick white border to the top and bottom of the span. Since the border is part of the element, it will be part of the clickable zone.