How to add image after button/div css?


Tags: html,css

Problem :

I want to add something like the following in my project; how can I do it using After?

Div:After



Solution :

I'm not sure if this is what you wanted? Try adding this after your css:

.col-md-4:nth-child(1)>button> .circle-item h2:after,
.col-md-4:nth-child(2)>button> .circle-item h2:after{
  position: absolute;
  display: inline-block;
  width: 100%;
  margin-left:-5px;
  margin-top: -10px;
  content: "_____________";
  color: black;
}

    CSS Howto..

    How to get this hover effect with just CSS

    How to position images next to text using CSS

    How to make image hover in css?

    How to scroll horizontally when there are many columns (or a very long row)?

    How to make a div appear when hyperlink is clicked once and disappear when hyperlink is clicked a second time? Can this be repeated?

    How to define the css :hover state in a jQuery selector?

    How to recreate this image using css

    How to create opacity effect on webOS?

    How should I keep webpages consistent [closed]

    how to hidden image over image in css

    How to set froala to calc height using css

    In IE Compat View, Developer tools shows elements “style” with the class of the previous element

    twitter-bootstrap: how to get rid of underlined button text when hovering over a btn-group within an -tag?

    Chrome and Firefox handle zoom differently. How to deal with this in my CSS

    How to hack unsupported mix-blend-mode CSS property?

    How to get a CSS selector using Selenium WebDriver?

    Why the jaggedness at the end? How to fix the CSS style

    How to vertically and horizontally center two images inside a div on a responsive page

    How to download custom font for users who don't have it? [duplicate]

    How to use SVG Sprite Sheet as CSS background-image while maintaining aspect ratio and scalability

    How do i set the relative path and folder paths in HTML and CSS from VS 2012?

    How do I use this CSS animation in my HTML file?

    how to animate with CSS?

    How to make footer responsive through CSS?

    How to make div 10% of device screen height css

    how I can change the size of font inside PHP

    How to have elements with different background-colors yet the background-image shows everywhere (aka, a watermark)?

    How to get the “declared” CSS value, not the computed CSS value

    How to position one element relative another using CSS/jQuery

    how to reference elements in CSS or JS files for fastest parsing?