How to make a Triangle and circle in css - html div element

124,159

1,477 0

Published 2015-10-07

How to draw a triangle and circle in html using pure css

html triangle shape
css triangle div element
html triangle down
html symbols
html triangle button
html triangle right
css triangle with border
Make Shapes with CSS
The Shapes of CSS
html circle shape
css circle div element
css circle with border radius
css shapes arrow
css circles

how to make a triangle in css
how to make a triangle button in css
how to make a triangle div css
how to draw a triangle in css
how to draw a triangle in css3
how to make a circle in css
how to draw a circle in css
how to draw a circle in css3
how to make a circle div in css
how to create circles with css

#css #Triangle #circle
*My Udemy Courses
www.udemy.com/js-masterclass/
*couponCode*=TECHSITH-9.99

www.udemy.com/course/react-hooks-course/?couponCod…

Follow me for technology updates
* facebook.com/techsith
* www.facebook.com/groups/techsith
* twitter.com/techsith1
* www.linkedin.com/groups/13677140/
* medium.com/@patelhemil

Help me translate this video.
* youtube.com/timedtext_cs_panel?c=UCbGZKLIHpox2l0wh…
Note: use translate.google.com/ to translate this video to your language. Let me know once you do that so i can give you credit. Thank you in advance.

All Comments (21)

@englishtutor4958 5 years ago

short tutorial and easy to understand. Thanks !
@Need2EatSmart 3 months ago

Thanks for breaking down how this works
@vishalparkar 1 year ago

Great ! Thanks !
@lalayip5817 4 years ago

perfect tutorial, so easy to understand, thanks so much for teaching
@habeshaplay386 9 months ago

Thanks very much, I was looking for this kind of video to simplify me, how triangles are made using borders
@gicomagico7995 3 years ago

thanks man u did a great job and helped me a lot keep it up.
@xyzabc4313 6 years ago

that is great, solved my problems.!!! really thanks
@aussieraver7182 3 years ago

Awesome! I need to create a breadcrumb for work so the triangle shape will be useful!
@arturmostowiak9427 3 years ago

This video clarified me this issue with borders. I'm kind of surprissed though, the division between borders is actually a diagonal. I expected something else. Thanks dude.
@christianlisangola9383 4 years ago

Thank you very much,i really like the trick that you've used to get a triangle
@dclasherroyale2506 4 years ago

oh my god that is so easy then i thing.... thank you :)
@myasarrasool 7 years ago

I want to divide the row in many triangles and add content to it.Like in grid system, row is divided into square divs.can i?
@jesisadhikari 2 years ago

You are my god , I was making ludo using html , css and js and i was stuck in that home triangle . Thank you very much !! I am recommending your channel to all my friends
@robertm.barber3084 4 years ago

Great tutorial !
@KishorTiwari 7 years ago

thank u very much. helped me a lot.
@chnoor1994 4 years ago

thanks a lot!
@themusiky4208 4 years ago

thanks for showing the tri part, i like it
@avinashtiwari922 2 years ago

Very well explained.....thanks
@kkaabbccdd8080 4 years ago

Cool trick
@randomfandom33 6 years ago

Great video you helped me a lot. An easier way to make a circle is this; .circle { height: 50px; width: 50px; background-color: red; border-radius: 100%; } Just set the border-radius to 100% instead of going through the tiresome effort to properly set it to the same dimensions as the height and width. 100% works with all sizes.