<! DOCTYPE html > < htmllang = " en" > < head> < metacharset = " UTF-8" > < metaname = " viewport" content = " width=device-width, initial-scale=1.0" > < title> </ title> < style> .love { position : relative; top : 100px; left : 100px; width : 60px; height : 60px; background-color : tomato; transform : rotate ( -45deg) ; } .love:before { content : "" ; position : absolute; top : -30px; left : 0; width : 60px; height : 60px; border-radius : 50%; background-color : tomato; } .love:after { content : "" ; position : absolute; top : 0px; left : 30px; width : 60px; height : 60px; border-radius : 50%; background-color : tomato; } </ style> </ head> < body> < divclass = " love" > </ div> </ body> </ html> 
