Clik here to view.
Random stars background
See the Code - See it Full Page - See Details SASS function adds random stars into background> Pure CSS This Pen uses: HTML, SCSS, JavaScript, and
View ArticleClik here to view.
Colour List Gradient With jQuery
See the Code - See it Full Page - See Details Gradual colour change of each HTML item background, by changing the RGB using jQuery, creating a gradient effect. Using jQuery and CSS. This Pen uses:...
View ArticleClik here to view.
A Pen by Rachel Bull
See the Code - See it Full Page - See Details This Pen uses: HTML, SCSS, JavaScript, and
View ArticleClik here to view.
Responsive CSS and JS Pop-up
See the Code - See it Full Page - See Details Responsive pop-up for desktop, tablet and mobile that positions itself in the center of the page/screen. This Pen uses: HTML, SCSS, JavaScript, and
View ArticleClik here to view.
Disney's Mickey Mouse in Pure CSS
See the Code - See it Full Page - See Details Mickey Mouse made in Pure CSS. Created with HTML shapes, pseudo classes and box-shadows. This Pen uses: HTML, SCSS, JavaScript, and
View ArticleClik here to view.
Family Guy's Brian Griffin in Pure CSS
See the Code - See it Full Page - See Details CSS Brian Griffin from Family Guy recreated in pure CSS. This was created with only HTML elements, CSS3 pseudo classes and box-shadows. This Pen uses:...
View ArticleClik here to view.
CSS3 Pseudo Selector Generator
See the Code - See it Full Page - See Details Select your HTML element and CSS selector from the drop down lists to see how CSS pseudo selectors can affect different elements and layouts. It will show...
View ArticleClik here to view.
Disney's Baymax in Pure CSS
See the Code - See it Full Page - See Details Say hello to Disney's Baymax from the film Big Hero 6 recreated in pure CSS. This was created with only CSS3 shapes using pseudo classes and box-shadows....
View ArticleClik here to view.
Stewie Griffin in Pure CSS
See the Code - See it Full Page - See Details CSS Stewie Griffin from Family Guy recreated in pure CSS. This was created with only HTML elements and CSS3 pseudo classes. This Pen uses: HTML, SCSS,...
View ArticleClik here to view.
SpongeBob in Pure CSS
See the Code - See it Full Page - See Details Spongebob is made with CSS3 shapes and HTML. This Pen uses: HTML, SCSS, JavaScript, and
View ArticleClik here to view.
Minion in Pure CSS
See the Code - See it Full Page - See Details CSS minion from Despicable Me recreated in pure CSS. This was created with only CSS3 shapes using pseudo classes and box-shadows. This Pen uses: HTML,...
View ArticleClik here to view.
Penrose Triangle
See the Code - See it Full Page - See Details The Penrose triangle, also known as the Penrose tribar, is an impossible object.Recreated using Pure CSS and mark-up HTML. The animated ball shows the...
View ArticleClik here to view.
The Lego Movie's Emmet in Pure CSS
See the Code - See it Full Page - See Details Emmet from The Lego Movie in pure CSS using html shapes, pseudo elements and box-shadows. Lots of inspiration from http://codepen.io/chrisota/ Thank you...
View ArticleClik here to view.
Halloween Pumpkin in Pure CSS
See the Code - See it Full Page - See Details Halloween pumpkin made in Pure CSS using box-shadows, clip paths and html shapes. This Pen uses: HTML, SCSS, JavaScript, and
View ArticleClik here to view.
Responsive CSS and JS Pop-up
See the Code - See it Full Page - See Details Responsive pop-up for desktop, tablet and mobile that positions itself in the center of the page/screen. This Pen uses: HTML, SCSS, JavaScript, and
View ArticleClik here to view.
Disney's Mickey Mouse in Pure CSS
See the Code - See it Full Page - See Details Mickey Mouse made in Pure CSS. Created with HTML shapes, pseudo classes and box-shadows. This Pen uses: HTML, SCSS, JavaScript, and
View ArticleClik here to view.
Angry Birds in Pure CSS
See the Code - See it Full Page - See Details Angry Birds recreated in pure CSS. This was created with only CSS3 shapes using pseudo classes and box-shadows. This Pen uses: Haml, SCSS, JavaScript, and
View ArticleClik here to view.
Penrose Triangle
See the Code - See it Full Page - See Details The Penrose triangle, also known as the Penrose tribar, is an impossible object.Recreated using Pure CSS and mark-up HTML. The animated ball shows the...
View ArticleClik here to view.
Disney's Big Hero 6 Baymax in Pure CSS
See the Code - See it Full Page - See Details Say hello to Disney's Baymax from the film Big Hero 6 recreated in pure CSS. This was created with only CSS3 shapes using pseudo classes and box-shadows....
View ArticleClik here to view.
Family Guy's Stewie Griffin in Pure CSS
See the Code - See it Full Page - See Details CSS Stewie Griffin from Family Guy recreated in pure CSS. This was created with only HTML elements and CSS3 pseudo classes. This Pen uses: HTML, SCSS,...
View Article
