CSS Shaded Sphere Using Only Arithmetic
A css shaded sphere using only arithmetic built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS3
Difficulty
intermediate
Features
Pure CSS, 3D Effect, No Images
Responsive
Yes
Spheres
11 snippetsBrowse Spheres examples — animations, layouts, typography, and visual effects. Filter the directory below.
css-spheres
Snippets(11)
Gradient Circle with CSSA gradient circle with css built with modern frontend techniques for responsive and reusable UI.
Technologies
css3Difficulty
intermediateFeatures
3d-effect, radial-gradient, pseudo-elementsResponsive
Yes
Pétanque: Spheres in CSSA pétanque: spheres in css built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS3Difficulty
IntermediateFeatures
Pure CSS, 3D Effect, Radial GradientsResponsive
Yes
Spheres but Not SpheresA spheres but not spheres built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS3Features
CSS Gradients, Blend Modes, Visual EffectsResponsive
Yes
3D Sphere with Dynamic ShadowA 3d sphere with dynamic shadow built with modern frontend techniques for responsive and reusable UI.
Technologies
CSSDifficulty
intermediateFeatures
Radial Gradients, CSS Custom Properties, Animation- CSS Light Sphere Animation #21
A css light sphere animation #21 built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS3, HTML5Difficulty
IntermediateFeatures
3D Transforms, Hue Rotation, CSS Variables, Interactive HoverResponsive
Yes - CSS Math Globe Animation
A css math globe animation built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS, HTMLDifficulty
AdvancedFeatures
3D Animation, Mathematical Geometry, CSS VariablesResponsive
Yes - Icosphere of Spheres in Pure CSS
A icosphere of spheres in pure css built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS3Difficulty
advancedFeatures
3D Transformations, CSS Variables, Geometric AnimationResponsive
Yes - Pure CSS Wobble-Rotating Sphere
A pure css wobble-rotating sphere built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS3Difficulty
advancedFeatures
3D Transforms, CSS Animations, WireframeResponsive
Yes - CSS 3D Sphere Animation
A css 3d sphere animation built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS, SCSSDifficulty
IntermediateFeatures
3D Transforms, Keyframe Animation, Perspective EffectsResponsive
Yes - 3D Glowing Bottle
A 3d glowing bottle built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS3Difficulty
IntermediateFeatures
3D Animation, Glow Effect, Liquid Simulation