MrBool
You must be logged in to give feedback. Click here to login
[Close]

You must be logged to download.

Click here to login

[Close]

MrBool is totally free and you can help us to help the Developers Community around the world

Yes, I'd like to help the MrBool and the Developers Community before download

No, I'd like to download without make the donation

[Close]

MrBool is totally free and you can help us to help the Developers Community around the world

Yes, I'd like to help the MrBool and the Developers Community before download

No, I'd like to download without make the donation

How to create Ribbons - Course Cascading Style Sheets (CSS/CSS3) - Part 29 | web Developer courses

In this video, we will learn how to create ribbons. We will try to take advantage of ::before and ::after that we have learned about in previous videos.

[close]

You didn't like the quality of this content?

Would you like to comment what you didn't like?

Duration: 17:46 min

Summary: In this video, we will learn how to create ribbons. We will try to take advantage of ::before and ::after that we have learned about in previous videos. We start by adding a div with an h2 and an image inside. Then, we will manage to edit the h2, h2::before, and h2::after to generate the ribbon. We will set the image, thenthe h2 on top of it. This will look like a holiday card. We will use absolute positioning and the content property to do so. The trick is setting the width and the height to 0. We will mess with the border and the transparency to get the result we want. Along the way, we will add some animation to make the card look nice.

Technologies and Resources: CSS, HTML, Notepad++, CSS3,::before, ::after, content, background-color, font-family, -webkit-animation, margin, display, width, padding, border-radius, -webkit-box-shadow, border-top, position, bottom, border-left, border-right.



Experience: A total of 10 years experience in developing applications using C++, Java, C#, ASP.NET, and SQL Server. In addition to 6 years experience in teaching programming courses at a local college. Degree: B.S. Computer Sci...

What did you think of this post?
Services
Know how to keep MrBool Online
SUPPORT US
SUPPORT US
With your help, we can keep providing free content and helping you to be a better professional
support us
[Close]
To have full access to this post (or download the associated files) you must have MrBool Credits.

  See the prices for this post in Mr.Bool Credits System below:

Individually � in this case the price for this post is US$ 2,00 (Buy it now)
in this case you will buy only this video by paying the full price with no discount.

Package of 10 credits - in this case the price for this post is US$ 1,00
This subscription is ideal if you want to download few videos. In this plan you will receive a discount of 50% in each video. Subscribe for this package!

Package of 50 credits � in this case the price for this post is US$ 0,33
This subscription is ideal if you want to download several videos. In this plan you will receive a discount of 83% in each video. Subscribe for this package!


> More info about MrBool Credits
[Close]
You must be logged to download.

Click here to login