Product Hunt·5yAtropos - Touch-friendly 3D parallax hover effects
Atropos is a lightweight, free and open-source JavaScript library. It can be used to create stunning touch-friendly 3D parallax hover effects. Available for JavaScript, React and Vue.js Embed this post on your site. For more information, visit Atropos.
DevDojo·5yGetting Started with Three JS
In this quick tutorial, I'll show you how to get started using and loading 3D content on your website. The best way to learn is to just jump into the code. Let's learn how simple it is to create this rotating cube. We'll also learn how we load a 3D file via a GLTFB file via three.js.
DZone·5yCreating 3D CSS Buttons which Move as you Mouse Over
I was toying with the idea of a 3d button which moves a the user moves their mouse around it. To further this effect, I added some 3d shadows which move in tandem to give the illusion of a button which is sitting off the page, which moves with the user's mouse movements. On mobile, tapping will mimic the hover state at the point you tap.
Codrops·5yCreating 3D Characters in Three.js
Three.js is a JavaScript library for drawing in 3D with WebGL. It enables us to add 3D objects to a scene, and manipulate things like position and lighting. This article is for developers who are comfortable with JavaScript but relatively new to Three.js. Our goal is to walk through building a simple but effective 3D animated figure.