DEV Community

Leandro Barbosa
Leandro Barbosa

Posted on

Google Logo

here is my version of google logo with only css

The only div html

and here is the css code

start with the body


and here our google-logo class

Ithe circle with differents colors


here we gonna create the retangle to do the G using the :before
Retangle


and finally the triangle to be able to do the same shape as a google logo, with :after

triangle


----------------------THE FINAL RESULTS-----------------------

google-logo


Top comments (1)

Collapse
 
thomasbnt profile image
Thomas Bnt ☕

Hello ! Don't hesitate to put colors on your codeblock like this example for have to have a better understanding of your code 😎

console.log('Hello world!');
Enter fullscreen mode Exit fullscreen mode

Example of how to add colors and syntax in codeblocks