Pens from Xiang Zhou https://codepen.io/zhouxiang19910319/ en nospam@codepen.io Copyright 2024 2023-08-28T16:04:07-07:00 Materialize CSS Playground https://codepen.io/zhouxiang19910319/pen/KKmGyaN https://codepen.io/zhouxiang19910319/pen/KKmGyaN Xiang Zhou

See the Code - See it Full Page - See Details

]]>
Materialize CSS Playground 2021-08-06T08:45:30-07:00
1.x Navbar https://codepen.io/zhouxiang19910319/pen/ZEeZqyQ https://codepen.io/zhouxiang19910319/pen/ZEeZqyQ Xiang Zhou

See the Code - See it Full Page - See Details

A quick demo of how to combine a desktop navigation and a mobile overlay using the Vuetify (dialog) navigation menu.

]]>
1.x Navbar 2021-07-07T12:48:52-07:00
Responsive Movie Card - Dark Version https://codepen.io/zhouxiang19910319/pen/QWpJjao https://codepen.io/zhouxiang19910319/pen/QWpJjao Xiang Zhou

See the Code - See it Full Page - See Details

]]>
Responsive Movie Card - Dark Version 2021-06-13T07:58:05-07:00
Responsive movie card https://codepen.io/zhouxiang19910319/pen/MWpJzMP https://codepen.io/zhouxiang19910319/pen/MWpJzMP Xiang Zhou

See the Code - See it Full Page - See Details

Responsive movie card

]]>
Responsive movie card 2021-06-13T03:30:23-07:00
404 screen https://codepen.io/zhouxiang19910319/pen/BaWpGMZ https://codepen.io/zhouxiang19910319/pen/BaWpGMZ Xiang Zhou

See the Code - See it Full Page - See Details

]]>
404 screen 2023-08-28T16:04:07-07:00
Frosted Glass https://codepen.io/zhouxiang19910319/pen/qBrdYQd https://codepen.io/zhouxiang19910319/pen/qBrdYQd Xiang Zhou

See the Code - See it Full Page - See Details

Create a frosted glass panel on top of another. Please let me know if there is anything wrong in the code or if this could have been achieved in a better way as I'm still learning and this what a bit of experimentation, thanks! Credit to @uxswipe for the inspiration.

]]>
Frosted Glass 2021-05-10T01:44:43-07:00
Three.js Tutorial from DesignCourse (my own) https://codepen.io/zhouxiang19910319/pen/vYxOZXv https://codepen.io/zhouxiang19910319/pen/vYxOZXv Xiang Zhou

See the Code - See it Full Page - See Details

]]>
Three.js Tutorial from DesignCourse (my own) 2021-05-09T13:00:41-07:00
Three.js Tutorial from DesignCourse (original) https://codepen.io/zhouxiang19910319/pen/qBrdjaY https://codepen.io/zhouxiang19910319/pen/qBrdjaY Xiang Zhou

See the Code - See it Full Page - See Details

]]>
Three.js Tutorial from DesignCourse (original) 2021-05-09T12:58:59-07:00
Three.js Tutorial from DesignCourse https://codepen.io/zhouxiang19910319/pen/rNyVwMw https://codepen.io/zhouxiang19910319/pen/rNyVwMw Xiang Zhou

See the Code - See it Full Page - See Details

]]>
Three.js Tutorial from DesignCourse 2021-05-09T12:58:31-07:00
Frosted Glass https://codepen.io/zhouxiang19910319/pen/vYxEVZR https://codepen.io/zhouxiang19910319/pen/vYxEVZR Xiang Zhou

See the Code - See it Full Page - See Details

Create a frosted glass panel on top of another. Please let me know if there is anything wrong in the code or if this could have been achieved in a better way as I'm still learning and this what a bit of experimentation, thanks! Credit to @uxswipe for the inspiration.

]]>
Frosted Glass 2021-05-08T00:51:47-07:00