Close

Breadcumb style 1

This is a template of a web form with breadcrumb buttons, designed using CSS and HTML. The buttons take a fill effect in a hover event. The Li element of lists has been used to display the buttons in a list. The last child of the set is given the styles of padding as 5px 15px, font size as 15px, font-weight as bold, color as #fff, background as #ff0000, border-radius as 10px, and a border of 1px solid #ff0000. The other buttons are given a similar set of styles except for the border 1px solid #909090 and the font color #ff0000. In a hover event, the buttons take the color of #ff0000 and transform the text color to #fff with a transition of all 0.3s ease 0s. The circular-shaped buttons that are connected to the breadcrumbs have the styles of width and height as 18px, border-radius as 50% to get the circular shape, background color of #fff and a border of 4px solid #ff0000

Post Comment or Questions

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.