Hover Image Trail
Images spawn and trail behind your cursor as it sweeps across each project row
01
Portfolio Project List
Sweep your cursor across the rows — each project spawns its own preview images. Tab through the rows for a static preview.
Images spawn and trail behind your cursor as it sweeps across each project row
Sweep your cursor across the rows — each project spawns its own preview images. Tab through the rows for a static preview.
'/%3E%3Ccircle%20cx='318'%20cy='84'%20r='92'%20fill='rgba(255,255,255,0.1)'/%3E%3Ccircle%20cx='96'%20cy='232'%20r='56'%20fill='rgba(0,0,0,0.15)'/%3E%3Ctext%20x='28'%20y='272'%20font-family='monospace'%20font-size='24'%20fill='rgba(255,255,255,0.8)'%3E01%20/%20A%3C/text%3E%3C/svg%3E)
'/%3E%3Ccircle%20cx='318'%20cy='84'%20r='92'%20fill='rgba(255,255,255,0.1)'/%3E%3Ccircle%20cx='96'%20cy='232'%20r='56'%20fill='rgba(0,0,0,0.15)'/%3E%3Ctext%20x='28'%20y='272'%20font-family='monospace'%20font-size='24'%20fill='rgba(255,255,255,0.8)'%3E01%20/%20B%3C/text%3E%3C/svg%3E)
'/%3E%3Ccircle%20cx='318'%20cy='84'%20r='92'%20fill='rgba(255,255,255,0.1)'/%3E%3Ccircle%20cx='96'%20cy='232'%20r='56'%20fill='rgba(0,0,0,0.15)'/%3E%3Ctext%20x='28'%20y='272'%20font-family='monospace'%20font-size='24'%20fill='rgba(255,255,255,0.8)'%3E01%20/%20C%3C/text%3E%3C/svg%3E)
'/%3E%3Ccircle%20cx='318'%20cy='84'%20r='92'%20fill='rgba(255,255,255,0.1)'/%3E%3Ccircle%20cx='96'%20cy='232'%20r='56'%20fill='rgba(0,0,0,0.15)'/%3E%3Ctext%20x='28'%20y='272'%20font-family='monospace'%20font-size='24'%20fill='rgba(255,255,255,0.8)'%3E02%20/%20A%3C/text%3E%3C/svg%3E)
'/%3E%3Ccircle%20cx='318'%20cy='84'%20r='92'%20fill='rgba(255,255,255,0.1)'/%3E%3Ccircle%20cx='96'%20cy='232'%20r='56'%20fill='rgba(0,0,0,0.15)'/%3E%3Ctext%20x='28'%20y='272'%20font-family='monospace'%20font-size='24'%20fill='rgba(255,255,255,0.8)'%3E02%20/%20B%3C/text%3E%3C/svg%3E)
'/%3E%3Ccircle%20cx='318'%20cy='84'%20r='92'%20fill='rgba(255,255,255,0.1)'/%3E%3Ccircle%20cx='96'%20cy='232'%20r='56'%20fill='rgba(0,0,0,0.15)'/%3E%3Ctext%20x='28'%20y='272'%20font-family='monospace'%20font-size='24'%20fill='rgba(255,255,255,0.8)'%3E02%20/%20C%3C/text%3E%3C/svg%3E)
'/%3E%3Ccircle%20cx='318'%20cy='84'%20r='92'%20fill='rgba(255,255,255,0.1)'/%3E%3Ccircle%20cx='96'%20cy='232'%20r='56'%20fill='rgba(0,0,0,0.15)'/%3E%3Ctext%20x='28'%20y='272'%20font-family='monospace'%20font-size='24'%20fill='rgba(255,255,255,0.8)'%3E03%20/%20A%3C/text%3E%3C/svg%3E)
'/%3E%3Ccircle%20cx='318'%20cy='84'%20r='92'%20fill='rgba(255,255,255,0.1)'/%3E%3Ccircle%20cx='96'%20cy='232'%20r='56'%20fill='rgba(0,0,0,0.15)'/%3E%3Ctext%20x='28'%20y='272'%20font-family='monospace'%20font-size='24'%20fill='rgba(255,255,255,0.8)'%3E03%20/%20B%3C/text%3E%3C/svg%3E)
'/%3E%3Ccircle%20cx='318'%20cy='84'%20r='92'%20fill='rgba(255,255,255,0.1)'/%3E%3Ccircle%20cx='96'%20cy='232'%20r='56'%20fill='rgba(0,0,0,0.15)'/%3E%3Ctext%20x='28'%20y='272'%20font-family='monospace'%20font-size='24'%20fill='rgba(255,255,255,0.8)'%3E03%20/%20C%3C/text%3E%3C/svg%3E)
'/%3E%3Ccircle%20cx='318'%20cy='84'%20r='92'%20fill='rgba(255,255,255,0.1)'/%3E%3Ccircle%20cx='96'%20cy='232'%20r='56'%20fill='rgba(0,0,0,0.15)'/%3E%3Ctext%20x='28'%20y='272'%20font-family='monospace'%20font-size='24'%20fill='rgba(255,255,255,0.8)'%3E04%20/%20A%3C/text%3E%3C/svg%3E)
'/%3E%3Ccircle%20cx='318'%20cy='84'%20r='92'%20fill='rgba(255,255,255,0.1)'/%3E%3Ccircle%20cx='96'%20cy='232'%20r='56'%20fill='rgba(0,0,0,0.15)'/%3E%3Ctext%20x='28'%20y='272'%20font-family='monospace'%20font-size='24'%20fill='rgba(255,255,255,0.8)'%3E04%20/%20B%3C/text%3E%3C/svg%3E)
'/%3E%3Ccircle%20cx='318'%20cy='84'%20r='92'%20fill='rgba(255,255,255,0.1)'/%3E%3Ccircle%20cx='96'%20cy='232'%20r='56'%20fill='rgba(0,0,0,0.15)'/%3E%3Ctext%20x='28'%20y='272'%20font-family='monospace'%20font-size='24'%20fill='rgba(255,255,255,0.8)'%3E04%20/%20C%3C/text%3E%3C/svg%3E)
'/%3E%3Ccircle%20cx='318'%20cy='84'%20r='92'%20fill='rgba(255,255,255,0.1)'/%3E%3Ccircle%20cx='96'%20cy='232'%20r='56'%20fill='rgba(0,0,0,0.15)'/%3E%3Ctext%20x='28'%20y='272'%20font-family='monospace'%20font-size='24'%20fill='rgba(255,255,255,0.8)'%3E05%20/%20A%3C/text%3E%3C/svg%3E)
'/%3E%3Ccircle%20cx='318'%20cy='84'%20r='92'%20fill='rgba(255,255,255,0.1)'/%3E%3Ccircle%20cx='96'%20cy='232'%20r='56'%20fill='rgba(0,0,0,0.15)'/%3E%3Ctext%20x='28'%20y='272'%20font-family='monospace'%20font-size='24'%20fill='rgba(255,255,255,0.8)'%3E05%20/%20B%3C/text%3E%3C/svg%3E)
'/%3E%3Ccircle%20cx='318'%20cy='84'%20r='92'%20fill='rgba(255,255,255,0.1)'/%3E%3Ccircle%20cx='96'%20cy='232'%20r='56'%20fill='rgba(0,0,0,0.15)'/%3E%3Ctext%20x='28'%20y='272'%20font-family='monospace'%20font-size='24'%20fill='rgba(255,255,255,0.8)'%3E05%20/%20C%3C/text%3E%3C/svg%3E)