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 -

c# - Selenium Authentication Popup preventing driver close or quit -

tensorflow when input_data MNIST_data , zlib.error: Error -3 while decompressing: invalid block type -