Users can scroll through each chapter for a time-based, story-like experience. The site reads like a well-crafted vintage book, complete with chapters and textured typography. Louis Browns baseball team, digital agency HLK has crafted a very beautiful experience.

Louis Browns site is styled like a vintage bookįor this website about the history of the St. The page transitions and the little zoom effects on the images are a nice added touch to the final result, which was – as Rossi describes it – 'absolutely beyond our expectations'.

'So the main challenge of this site was to understand how to deepen the screen using CSS3 and JavaScript code-strings only.' 'WebGL is not suitable for every kind of user,' says Rossi, art director and co-founder. The team challenged themselves by avoiding the most obvious technologies. This is achieved using what is called a segment effect: the background image is replicated in different boxes that move towards the viewer. The play with depth throughout the website is very effective – the images move slowly towards the viewer, creating the impression of diving into each project. The team were given total freedom in how to design it.

This online portfolio showcasing the talent of Italian 3D artist Filippo Bello was conceived, designed and developed internally at Adoratorio (opens in new tab) by Enea Rossi and Alessandro Rigobello. Adoratorio opted to use CSS3 and Javascript instead of WebGL to give a sense of depth

Javascript examples