html - CSS transform rotation on :after not working -


i've styled checkbox , wanted make checkmark :after element. however, can not turn around. same style attached div works fine.

used style:

content: ''; position: absolute; width:.5em; height:.2em; transition: .2s; border-left: 2px solid red; border-bottom: 2px solid red; top: 0.4em; left: 0.3em; transform: rotate(-45deg); 

see codepen here: codepen

multiple transform overrides previous transform. better write them shorthand

transform: rotate(-45deg) scale(1); 

Comments

Popular posts from this blog

javascript - Clear button on addentry page doesn't work -

python - Error: Unresolved reference 'selenium' What is the reason? -

asp.net ajax - Jquery scroll to element just goes to top of page -