Question

it is an interesting story (change to explanatory )

Answer 1

Answer:

$</p><p> Cake body{ background-color: #ccffff; } .backg{ background-color: #ccffff; width:350px; height:550px; margin:auto; position:absolute; left:0; right:0; } .cake{ background-color: #ff6666; width:180px; height: 70px; position: relative; top:200px; left:70px; } .strip1{ width: 180px; height: 10px; background-color: #ffffb3; position: relative; top:30px; } .cake1{ background-color: #ffff80; width:140px; height: 60px; bottom:70px; left:22px; position: relative; } .strip2{ width: 140px; height: 10px; top:30px; background-color: #ffffb3; position: relative; } .d1,.d2,.d3,.d4,.d5,.d6,.d7,.d8,.d9{ border-bottom-left-radius:70px; border-bottom-right-radius:70px; position: relative; height: 10px; width: 20px; background-color: white; } .d1{ bottom:10px; } .d2{ left:20px; bottom: 20px; } .d3{ left:40px; bottom:30px; } .d4{ left:60px; bottom: 40px; } .d5{ left:80px; bottom: 50px; } .d6{ left:100px; bottom: 60px; } .d7{ left:120px; bottom: 70px } .d8{ left:140px; bottom: 80px; } .d9{ bottom:90px; left:-20px; } .drip{ position: relative; bottom: 10px; right: 1.5px; } .candle{ height:40px; width: 15px; background-color:#dfff80; position: relative; top:144px; left:157px; } .c1,.c2,.c3,.c4,.c5,.c6,.c7{ height: 15px; width: 15px; border-radius: 50%; position: relative; background-color:#ff6666; } .c1{ bottom:185px; } .c2{ bottom:200px; left:20px; } .c3{ bottom:215px; left:40px; } .c4{ bottom:230px; left:60px; } .c5{ bottom:245px; left:80px; } .c6{ bottom:260px; left:100px; } .c7{ bottom:275px; left:120px; } .flame{ width:15px; height: 7.5px; position: relative; background-color: #ffcc00; bottom:8px; border-bottom-left-radius:70px; border-bottom-right-radius:70px; } @keyframes vanish{ 100%{ background-color:#ffecb3; } } @-webkit-keyframes vanish{ 100%{ background-color: #ffecb3; } } .flame1{ width: 0; height: 0; border-left: 7.5px solid transparent; border-right: 7.5px solid transparent; border-bottom: 15px solid #ffcc00; position: relative; bottom: 15px; } @keyframes vanishh{ 100%{ border-bottom: 15px solid #ffecb3; } } @-webkit-keyframes vanishh{ 100%{ border-bottom: 15px solid #ffecb3;}} </p><p>$