CSS pseudo elements in React

Amjad Saeed answered on September 28, 2023 Popularity 6/10 Helpfulness 2/10

answer CSS pseudo elements in React

CSS pseudo elements in React

Comment

//Normal HTML/CSS:

<div class="something"><span>Something</span></div>
<style>
    .something::after {
    content: '';
    position: absolute;
    -webkit-filter: blur(10px) saturate(2);
}
</style>

//React with inline style:

render: function() {
    return (
        <div>
          <span>Something</span>
          <div style={{position: 'absolute', WebkitFilter: 'blur(10px) saturate(2)'}} />
        </div>
    );
},

Popularity 6/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: css javascript

Link to this answer
Share Copy Link