CSS Images and Drawings | Bypeople

deals

premiumpacks & css images and drawings (59 items)

Collection of images created with pure CSS techniques.

freebies

This is a beautiful set of bird stamps created with pure CSS by using simple shapes like ovals, skewed rectangles with box-shadows and linear gradi...

This is a beautiful set of bird stamps created with pure CSS by using simple shapes like ovals, skewed rectangles with box-shadows and linear gradients. Created by CodePen user Siddharth Hubli who took inspiration from the artwork of Behance user Mike.

A foot tapping animation with a flat art style that can be used as a preloader. It uses SVG animated with GreenSock (GSAP) and their Morph SVG plug...

A foot tapping animation with a flat art style that can be used as a preloader. It uses SVG animated with GreenSock (GSAP) and their Morph SVG plugin. This loader animation was created by CodePen user Darin.

img2css is a JavaScript tool to convert any image (in multiple formats) to CSS. It puts the image on a canvas and calculates the array with the RGB...

img2css is a JavaScript tool to convert any image (in multiple formats) to CSS. It puts the image on a canvas and calculates the array with the RGB values. It can be used to create pixel art login screens or pixel level animations. Download and implement it on your own server, or use online.

130+ Vector Halftones & Distortion Shapes Bundle, Only $14: Ai & EPS Vector Files, Separated Transparent PNG Files 5000x5000, 300 dpi, Commercial U...

130+ Vector Halftones & Distortion Shapes Bundle, Only $14: Ai & EPS Vector Files, Separated Transparent PNG Files 5000x5000, 300 dpi, Commercial Use License

A CSS library featuring an easy implementation of hover effects on images, showcasing over 40 effects from a CSS library that you can preview live ...

A CSS library featuring an easy implementation of hover effects on images, showcasing over 40 effects from a CSS library that you can preview live on their website, and the best the file weighs only 19KB.

CSSCO is a CSS library that contains image filters similar to the ones in VSCO and CSSGram. You can easily stylize your images by simply adding a c...

CSSCO is a CSS library that contains image filters similar to the ones in VSCO and CSSGram. You can easily stylize your images by simply adding a code to the class.

Colofilter.css is a CSS library to apply color filters to your site, it uses CSS blend modes. To use the filters, use the proper classes on your el...

Colofilter.css is a CSS library to apply color filters to your site, it uses CSS blend modes. To use the filters, use the proper classes on your elements, and that's it!

1000+ Photo Overlays, Only $14! 5k Resolution, 300 DPI, 13 Categories From Bubbles To Leaves & Natural Sunlight (87% Off)

1000+ Photo Overlays, Only $14! 5k Resolution, 300 DPI, 13 Categories From Bubbles To Leaves & Natural Sunlight (87% Off)

cssFilters.co is a online image editor to create custom and Instagram like photo filters in css. Upload your photo and modify it from different asp...

cssFilters.co is a online image editor to create custom and Instagram like photo filters in css. Upload your photo and modify it from different aspects like brightness, saturation and background color, among others. You can also modify it from css code.

A plugin for jQuery that allows you to create CSS filters from HTML classes. You can activate the filters on hover events and control the contrast,...

A plugin for jQuery that allows you to create CSS filters from HTML classes. You can activate the filters on hover events and control the contrast, saturation, drop shadow, and more.

A lightweight library that allows you to recreate Instagram filters to images that fade away as you hover over them (or tap if on a mobile device) ...

A lightweight library that allows you to recreate Instagram filters to images that fade away as you hover over them (or tap if on a mobile device) it is supported in all modern browsers but IE.

Draft Font Family: 144 Fonts For Desktop & Web, Only $15! Type Suite With 9 Weights & 8 Widths, 600 Glyphs, Extensive Language Support, Tons Of Ope...

Draft Font Family: 144 Fonts For Desktop & Web, Only $15! Type Suite With 9 Weights & 8 Widths, 600 Glyphs, Extensive Language Support, Tons Of OpenType Features, Desktop & Web Use License Included

Three simple outlined icons created with pure CSS. They can be used freely for web, apps and digital designs related to technology and the mobile i...

Three simple outlined icons created with pure CSS. They can be used freely for web, apps and digital designs related to technology and the mobile industry. The snippet doesn't take too much space and time to implement, and you can edit it as you wish. The devices icons were made by Codepen user Robert.

A nice animated CSS menu icon with a hover effect that allows it to change its shape. First it is a hamburger menu icon, when hovered over it becom...

A nice animated CSS menu icon with a hover effect that allows it to change its shape. First it is a hamburger menu icon, when hovered over it becomes an animated atom and when clicked and held it turns into a cross icon for closing. The snippet is simple, made by Alex Coven.

A set of social icons made with particles in CSS and JavaScript. They are lightweight, and can be used for decorating as well as grabbing the atten...

A set of social icons made with particles in CSS and JavaScript. They are lightweight, and can be used for decorating as well as grabbing the attention of the user. The snippet is free to implement on any website and it was created by Kenji Saito.

200 Vector T-Shirt & Merchandise Designs, Only $24: Commercial License, Ai, EPS & SVG Vectors Files, 14 Concept Categories Like Retro 8Bit Illustra...

200 Vector T-Shirt & Merchandise Designs, Only $24: Commercial License, Ai, EPS & SVG Vectors Files, 14 Concept Categories Like Retro 8Bit Illustrations, Characters, Cartoons & More

Sassy Flags is a lightweight Sass library for adding simple country flags to any website or web app. To use it you just need to add the code, give ...

Sassy Flags is a lightweight Sass library for adding simple country flags to any website or web app. To use it you just need to add the code, give it the class "flag" and then call the flag by its code. This project was created by Daniel Thomas and you can use it for free.

Loaders.css is a delightful and performance-focused set of pure CSS loading animations. It is comprised of 28 loaders, although new loaders are add...

Loaders.css is a delightful and performance-focused set of pure CSS loading animations. It is comprised of 28 loaders, although new loaders are added over time. They use very little code, which makes them lightweight and easy to implement. This set was created by Connor Atherton and it is licensed under MIT.

A simple loading animation made in pure CSS composed of gears in several colors. It was inspired by a Dribbble shot made by Petr Had. This snippet ...

A simple loading animation made in pure CSS composed of gears in several colors. It was inspired by a Dribbble shot made by Petr Had. This snippet can be used in any kind of website, and it was created by Jamie Coulter.

1500+ Infographic Templates, PPT, PPTX, KEY, PSD, EPS & Ai Files, 25k+ Individual Elements, Perfect For Any Industry, From Social Media & Marketing...

1500+ Infographic Templates, PPT, PPTX, KEY, PSD, EPS & Ai Files, 25k+ Individual Elements, Perfect For Any Industry, From Social Media & Marketing to Medical & Education, Only $29!

A hexagonal preloader wrote in SCSS, perfect for modern websites and mobile apps. The hexagon appears and disappears rotating clockwise.This snippe...

A hexagonal preloader wrote in SCSS, perfect for modern websites and mobile apps. The hexagon appears and disappears rotating clockwise.This snippet was created by Roland Lösslein.

A beautiful animation of an alien abduction made in CSS. It can be used in any kind of digital and web project, like a kids site or such. This snip...

A beautiful animation of an alien abduction made in CSS. It can be used in any kind of digital and web project, like a kids site or such. This snippet was created by Bia.

A set of bubbly faces made in CSS that can be used to create a menu. These faces blink randomly and they move when the user hovers over one bubbly ...

A set of bubbly faces made in CSS that can be used to create a menu. These faces blink randomly and they move when the user hovers over one bubbly face. It was created by Codepen user Yurippe.

Ornate Vector Animal Illustrations Pack, Only $17: Tribal/Ethnic Designs, Layered EPS Vector Files, 4 Color Variants Per Design, Unique & Colorful ...

Ornate Vector Animal Illustrations Pack, Only $17: Tribal/Ethnic Designs, Layered EPS Vector Files, 4 Color Variants Per Design, Unique & Colorful Illustrations

A nice CSS loader depicting a hand, as a way to indicate you are actually waiting for something. This hand was created Codepen's user r4ms3s based ...

A nice CSS loader depicting a hand, as a way to indicate you are actually waiting for something. This hand was created Codepen's user r4ms3s based on an animated design found on Dribbble. It does not use CSS.

A beautiful dark steampunk lighting machine that can be used as a loader. It was created in CSS and JavaScript, using radial gradients, ellipses an...

A beautiful dark steampunk lighting machine that can be used as a loader. It was created in CSS and JavaScript, using radial gradients, ellipses and more. It was created by Sarah Drasner.

A special set of ultra-small icons made entirely in CSS. They can be used in any project, fitting perfectly some pixel art games or apps. You have ...

A special set of ultra-small icons made entirely in CSS. They can be used in any project, fitting perfectly some pixel art games or apps. You have the option to add colors to the icons, as well as scaling them without them losing any of its properties. This project was created and made free by Cabell Maddux.

Android UI Kit, 1100+ Elements & 120+ Premium Templates, Only $19: For Adobe XD, Sketch & Figma, 520+ Vector Icons, 10 Popular Categories, 100% Vec...

Android UI Kit, 1100+ Elements & 120+ Premium Templates, Only $19: For Adobe XD, Sketch & Figma, 520+ Vector Icons, 10 Popular Categories, 100% Vector Shapes, 8px Pixel Perfect Grid, Commercial Use

A simple snippet with animations showing a mockup of a responsive layout made with LESS. It displays a tablet mockup turning into a smartphone layo...

A simple snippet with animations showing a mockup of a responsive layout made with LESS. It displays a tablet mockup turning into a smartphone layout. It was created by Nick Eli and can be modified to fit a presentation or showcase.

A set of SVG Icons ready to be implemented in your next project. All you need to do is to choose the icon you need, and copy and paste into your HT...

A set of SVG Icons ready to be implemented in your next project. All you need to do is to choose the icon you need, and copy and paste into your HTML file. These sets are created by several designers, including various sizes, shapes and styles. You can also include your own icons.

A simple map of the United States with markers made in CSS. It is a simple creation that didn't require too much coding. The markers can be placed ...

A simple map of the United States with markers made in CSS. It is a simple creation that didn't require too much coding. The markers can be placed anywhere else, be changed in shape or be removed at all. This snippet was made by Marco Biedermann.

100+ T-Shirt Designs, Only $9: High Quality EPS Files. Unique Illustrations For Print Products. Commercial Use

100+ T-Shirt Designs, Only $9: High Quality EPS Files. Unique Illustrations For Print Products. Commercial Use

A snippet made in pure CSS containing graphics for different smilies. They can be used in several projects, including chats or instant messaging ap...

A snippet made in pure CSS containing graphics for different smilies. They can be used in several projects, including chats or instant messaging apps. The set was created by Ahmad Shadeed.

Icono is a CSS pack with an outlined style and no external dependencies. There is a good amount of them, but it still needs to grow. Its implementa...

Icono is a CSS pack with an outlined style and no external dependencies. There is a good amount of them, but it still needs to grow. Its implementation is really easy, being able to use only the ones you need, or download them as a package. They are free and were made by Saeed Alipoor.

Ribbons in pure CSS forming the letter "M" in different colors, a really simple snippet to add into your next website or mobile app. In this exampl...

Ribbons in pure CSS forming the letter "M" in different colors, a really simple snippet to add into your next website or mobile app. In this example, there are eight different tones you can choose from, and you can always grab the code and modify it. Created by André Kussmann.

$1140 Worth of Vector T-shirt Designs for Just $29 (97% Off on 100 Designs)

$1140 Worth of Vector T-shirt Designs for Just $29 (97% Off on 100 Designs)

A clock created with CSS and JavaScript showing the current system hour. It is styled in a way that the seconds needle moves smoothly, unlike regul...

A clock created with CSS and JavaScript showing the current system hour. It is styled in a way that the seconds needle moves smoothly, unlike regular clocks. It has a flat design and suits well any kind of website or mobile app. This was created by Mohamad Mohebifar.

A set of rollover states entirely created in CSS. They are composed of triangular menus that activate different effects when hovered over. It inclu...

A set of rollover states entirely created in CSS. They are composed of triangular menus that activate different effects when hovered over. It includes logo reveal, grow regular and opposite, rotate right and left, and grow rotate. This code snippet was created by Andy Fought, who uploaded to Codepen.

A nice little loading animation that morphs the element from one color to another while it's spinning. Made with pure CSS by LuckyVJ.

A nice little loading animation that morphs the element from one color to another while it's spinning. Made with pure CSS by LuckyVJ.

500 Fresh Stock Photos Pack, Only $17: 4k - 7k Resolution JPG Files, 10 Organized Categories, Alpine Peaks, Landscapes & Seascapes, Animals, Snowy ...

500 Fresh Stock Photos Pack, Only $17: 4k - 7k Resolution JPG Files, 10 Organized Categories, Alpine Peaks, Landscapes & Seascapes, Animals, Snowy Mountains & Cabins, Seasons, Nature & More!

A wavy loading effect formed by multiple bars that fade in and out to create the effect. This was made with pure CSS by Codepen user Max.

A wavy loading effect formed by multiple bars that fade in and out to create the effect. This was made with pure CSS by Codepen user Max.

This is a simple BUY tag which can be used in any type of online store, website, blog or whatever you can think of. It is very simple, both in its ...

This is a simple BUY tag which can be used in any type of online store, website, blog or whatever you can think of. It is very simple, both in its use of colors and shape. It does not have any type of additional information, making it very clear and intuitive. It was created using entirely CSS, which is, by the way, fully editable.

The following mockup is a pretty neat representation of a cinema ticket that can be used in any kind of design ...

The following mockup is a pretty neat representation of a cinema ticket that can be used in any kind of design presentation, website or more. It is 100% created with CSS (SCSS to be more accurate). It has all the necessary components like the name of the cinema and logo, the name of the movie, the name of the customer (even though it might not be necessary) the number of the seat (small and big), the time, and a bar code, complemented with a nice flat style and relevant colors.

280+ Vector Illustrations & Designs For T-Shirt Prints, Only $14: Includes Print Ready PNG With Transparent Backgrounds 4000px, EPS10 Editable File...

280+ Vector Illustrations & Designs For T-Shirt Prints, Only $14: Includes Print Ready PNG With Transparent Backgrounds 4000px, EPS10 Editable Files, Commercial Use License

A nice code snippet for a simple yet complete set of arrows, including up, down, left and right directions, and others with additions. Also, it inc...

A nice code snippet for a simple yet complete set of arrows, including up, down, left and right directions, and others with additions. Also, it includes a turning double arrow, which rotates by default. The experiment has been created with SCSS and HTML by Codepen's user eMaj.

These are some stylish CSS only switch buttons, made based on this Adobe Illustrator tutorial, a simplified version of course.

These are some stylish CSS only switch buttons, made based on this Adobe Illustrator tutorial, a simplified version of course.

If you want to add a form in your website that makes it look like a transactional webpage or something about bank or finances theme, this freebie i...

If you want to add a form in your website that makes it look like a transactional webpage or something about bank or finances theme, this freebie it's made for you.

500+ Floral/Botanical Elements & Seamless Patterns Only $14: Vector Ai & EPS Files, Individual Transparent PNG, High Resolution 300 dpi, Flowers, T...

500+ Floral/Botanical Elements & Seamless Patterns Only $14: Vector Ai & EPS Files, Individual Transparent PNG, High Resolution 300 dpi, Flowers, Trees, Animals, Wreaths, Bouquets & More, Commercial Use

This really cool project bases itself on font icons to create a variety of little loading spinners that inform your users about the content being b...

This really cool project bases itself on font icons to create a variety of little loading spinners that inform your users about the content being brought up. Font used comes from IcoMoon.

A good-looking banner styled with CSS only. It features subtle shadows for a well accomplished 3D effect and little details around the triangle edg...

A good-looking banner styled with CSS only. It features subtle shadows for a well accomplished 3D effect and little details around the triangle edges. Additionally, a somewhat ornamental font decorates the ribbon and displays the information it was designed for.

I created this logo using some basic and advanced CSS3 properties like transforms. The main trick here is that all the elements have borders and th...

I created this logo using some basic and advanced CSS3 properties like transforms. The main trick here is that all the elements have borders and they are rotated and scaled in X-direction to give an oval shape.

Get 2TB of Lifetime Cloud Storing One Single Payment, no monthly fees and Military Grade File Security normally priced $3600 only 49$, you can als...

Get 2TB of Lifetime Cloud Storing One Single Payment, no monthly fees and Military Grade File Security normally priced $3600 only 49$, you can also get the 1TB package worth $1800 just for $29.

Bender_ASS from CSSDeck shows how to created a stitched leather effect using CSS3. The leather texture is achie...

Bender_ASS from CSSDeck shows how to created a stitched leather effect using CSS3. The leather texture is achieved through an image, while the stitches are designed with pure CSS, making use of a dashed border technique along with a little shadow to accentuate it.

A smooth and easy ribbon design. You can modify the text inside of this element directly and its size is totally responsive to the size of your text.

A smooth and easy ribbon design. You can modify the text inside of this element directly and its size is totally responsive to the size of your text.

A very attractive corner ribbon made in CSS, ideal for placing on top of other elements within the website. It comes with a set of beautifully arra...

A very attractive corner ribbon made in CSS, ideal for placing on top of other elements within the website. It comes with a set of beautifully arranged lighting and shadow effects that give it a somewhat impressive - if not realistic - look and feel. This project was developed by CodePen's Anthony Collurafici.

800+ Premium Vector Designs Pack, Only $19: Characters, Posters, Decorations, Infographics & More, Flat, Retro, Cartoon Styles, Unlimited Commercia...

800+ Premium Vector Designs Pack, Only $19: Characters, Posters, Decorations, Infographics & More, Flat, Retro, Cartoon Styles, Unlimited Commercial Use

A good-looking CSS ribbon with a beautiful color palette and overall style that reminisces of ancient Rome. The asymmetric bend around the edges is...

A good-looking CSS ribbon with a beautiful color palette and overall style that reminisces of ancient Rome. The asymmetric bend around the edges is also a nice point to address, as well as the font. Although as you know, you can always change these details by hacking the code.

A classy set of audio controls in CSS. They serve well to manage volume and equalization thanks to some nicely animated slider controls that feel a...

A classy set of audio controls in CSS. They serve well to manage volume and equalization thanks to some nicely animated slider controls that feel and look  amazing. This design was coded by CodePen's user Jurby and inspired by a Dribbble shot created by Paco.

A simple set of gauges made with CSS including colorful animations. It has three variations, one plain (which does nothing on hover); one overload ...

A simple set of gauges made with CSS including colorful animations. It has three variations, one plain (which does nothing on hover); one overload that vibrates, and the last one with a percentage counter. You can use this on any project.

100 Vector T-Shirt Print Designs Pack, Only $16: Vector EPS File Formats, Includes Mythological Illustrations, Halloween Designs, Animals, Music, T...

100 Vector T-Shirt Print Designs Pack, Only $16: Vector EPS File Formats, Includes Mythological Illustrations, Halloween Designs, Animals, Music, Tattoos, Skulls & More, Commercial Use

Time passed by, but it looks pretty with this minimal spinner, animated with pure CSS3 by Noel Delgado from Codepen.

Time passed by, but it looks pretty with this minimal spinner, animated with pure CSS3 by Noel Delgado from Codepen.

This is a beautiful set of icons for different applications with a flat and pixel art style, including social and browser logos, fully created in C...

This is a beautiful set of icons for different applications with a flat and pixel art style, including social and browser logos, fully created in CSS so they can adapt to changes within a website, like color variations, effects like shadows and glows, and more. This set was created by Claudio Gomboli and published on Codepen.

A project displays a visually appealing animated chart making use of HTML and CSS (LESS) for styling (gradients can be seen within each element and...

A project displays a visually appealing animated chart making use of HTML and CSS (LESS) for styling (gradients can be seen within each element and transforms are also applied), while JavaScript is utilised for showing a database that constantly updates, changing the shape of the chart.

12,500 Vector Icons Megapack, Only $24: Files In Ai, PSD, SVG, PNG & CSH Formats, 111 Icon Categories, Fully Editable, Commercial Use

12,500 Vector Icons Megapack, Only $24: Files In Ai, PSD, SVG, PNG & CSH Formats, 111 Icon Categories, Fully Editable, Commercial Use

Although a little slow on performance, this is a slick CSS responsive calendar that you might want to try given its cross-browser and cross-device ...

Although a little slow on performance, this is a slick CSS responsive calendar that you might want to try given its cross-browser and cross-device compatibility. Just set it the right way and you'll get an even square all over your platforms.

A quick, simple calendar icon designed in CSS3. It will show one day at a time, just like those page a day calendars. It looks very stripped-down a...

A quick, simple calendar icon designed in CSS3. It will show one day at a time, just like those page a day calendars. It looks very stripped-down and not shabby at all.

A set of CSS loading animations featuring a black and white palette with various shapes for you to choose from. Have a look, grab the code and enjoy.

A set of CSS loading animations featuring a black and white palette with various shapes for you to choose from. Have a look, grab the code and enjoy.

Illustrations, Animated Icons & Patterns Pack, Only $24: SVG, Ai, AE, JSON, GIF & PNG Files, E-Commerce, Cryptocurrency, People Illustrations & Mor...

Illustrations, Animated Icons & Patterns Pack, Only $24: SVG, Ai, AE, JSON, GIF & PNG Files, E-Commerce, Cryptocurrency, People Illustrations & More, 170+ Unique Designs, 660+ Stand Alone Files, Commercial Use License

A pure CSS3 text banner using transforms, pseudo-elements, last-child, and more! It is not animated, although it has a nice appearance which can be...

A pure CSS3 text banner using transforms, pseudo-elements, last-child, and more! It is not animated, although it has a nice appearance which can be modified any way you want by editing the CSS, and integrate it easily on your website, blog, or use it as your own banner.

A delightful technique for creating the effect of photographic bokeh without any images. It is a little heavy, but it surely provides a convincing ...

A delightful technique for creating the effect of photographic bokeh without any images. It is a little heavy, but it surely provides a convincing result that will surely catch some looks from visitors. This code snippet was created and uploaded to CodePen's by user Jack Rugile.

An awesome background design with multiple circles filling the screen completely, based on a painting seen in the streets of New York. The pattern ...

An awesome background design with multiple circles filling the screen completely, based on a painting seen in the streets of New York. The pattern creates some sort of “cloud” effect with very light lines, in order to not overload the view. Created by CodePen’s Tim Holman.

720+ Lightroom Presets + 690+ Photoshop Actions from 17 Collections, Compatible with Adobe CS4, CS5, CS6, and CC, Fully Adjustable Settings, Includ...

720+ Lightroom Presets + 690+ Photoshop Actions from 17 Collections, Compatible with Adobe CS4, CS5, CS6, and CC, Fully Adjustable Settings, Includes Extended License and Complete Documentation. Only $19 (95% Off)

A simple code snippet designed by CodePen's user Jérémy Barbe. It provides a simple background made in CSS with underlying lines, creating an inter...

A simple code snippet designed by CodePen's user Jérémy Barbe. It provides a simple background made in CSS with underlying lines, creating an interesting pattern that can be useful for organization and alignment purposes (you can see these lines by highlighting the design).

A wonderful little loading design inspired by Virgil Pana's Dribbble work and developed by Hugo Giraudel. It's just a circle with a number providin...

A wonderful little loading design inspired by Virgil Pana's Dribbble work and developed by Hugo Giraudel. It's just a circle with a number providing the loading status, but boy, it looks good. Don't forget to drop by at CodePen and give some kudos to the developer.

This is a code experiment about an animated delete icon that activates a modal when clicked, giving the user the option to decide whether to delete...

This is a code experiment about an animated delete icon that activates a modal when clicked, giving the user the option to decide whether to delete an item or not. The code is fully editable so you can style it the way you want. Created by Bobby on Codepen.

An extensive collection of design assets: From color palettes, icons, paper textures, engraving brushes, vectors, actions; to all kinds of template...

An extensive collection of design assets: From color palettes, icons, paper textures, engraving brushes, vectors, actions; to all kinds of templates and branding items. Only $19. Limited time offer, time is running out!

An impressive statistics widget for showing multiple pieces of data. It has a crafted flat style, perfect for a mobile app or for using as a widget...

An impressive statistics widget for showing multiple pieces of data. It has a crafted flat style, perfect for a mobile app or for using as a widget on your projects. It includes a top section with graphs, the value and the stock change. Right below, there are labels for info such as date and city, the amount of shares traded and the variation of the stock shown in bars, side by side with the yearly change.

As Wikipedia says, Cascading Style Sheets (CSS) is a style sheet language used to describe the presentation semantics (that is, the look and format...

As Wikipedia says, Cascading Style Sheets (CSS) is a style sheet language used to describe the presentation semantics (that is, the look and formatting) of a document written in a markup language. Its most common application is to style web pages written in HTML and XHTML, but the language can also be applied to any kind of XML document, including SVG and XUL. But beyond the web design, you can use CSS to create some pretty cool graphics, as the ones we show you below. 1. 3D CSS Puzzle by Stu Nicholls This puzzle was made completely with CSS, must have taken a lot of time. 2. Homer CSS by Roman Cortes This guy knew about the hidden potential inside CSS, and use to draw a simple but lovely character of all. 3. Drawing the Line by Stu Nicholls A simple pencil that draws a horizontal line. 4. The Snowman by Stu Nicholls A new year greeting can be made in CSS, easy way. 5. The star spangled banner The beautiful American flag, CSS version. 6. iPod with CSS3 A realistic iPod made with CSS3, pretty cool graphic. 7. CSS social media icons by Nicolas Gallagher Using pure CSS2.1 and CSS3, this guy achieve to create the main social icons on the web. 8. CSS3 Raindrop by Sean Martell This raindrop is just awesome. A lot of patience must have been required to make it. 9. Opera Logo with CSS by David de Sandro This is all CSS, none Illustrator or similar software were used to create this Opera logo. 10. Bahamas Logo using CSS3 by ForestMist No Paint, no Illustrator, just CSS3. An exact copy of the original Bahamas logo. 11. Pure CSS Icons Simple, resizable and iconic are some of the words to describe this CSS icons series. 12. Doraemon with CSS3 I love this one, long live to Doraemon. 13. CSS Triangular Parrot by Erez This is brilliant, I can hear this parrot talking to me. 14. CSS Reddit Alien by Matthew James Taylor You can create characters like this without using graphic software. 15. Sir culito by soycachanilla.com...