.addSign{
cursor: pointer;}
.div1 {
width: 2px;
height: 28px;
background-color: #333;
position: relative;
left:0px;
top:0px;
transition: 0.4s;opacity: 0.6;
}
.div2 {
width: 42px;
height: 42px;
background-color: #999;
border-radius:50%;
position: relative;
left:10px;
top:-42px;
transition: 0.4s;
opacity: 0.6;
}
.div3 {
width: 2px;
height: 28px;
background-color: #333;
position: relative;
left:60px;
top:-70px;
transition: 0.4s;
opacity: 0.6;
}
.plate{
//cursor: pointer;
}
.plate .div1 {
background-color: blue;
-webkit-transform: translate(30px, -6px);
transform: translate(30px, -6px);
}
.plate .div2 {opacity: 0.2;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.9);
}
.plate .div3 {
background-color: blue;
-webkit-transform: translate(-30px, -6px) rotate(-90deg);
transform: translate(-30px, -6px) rotate(-90deg);
}
.bell .div1 {
-webkit-transform: translate(26px, -20px);
transform: translate(26px, -20px);
background-color: #333;
height:10px;
width:10px;
border-radius:50%;
opacity: 0.4;
}
.bell .div2 {
height:22px;
transform: translate(0px, 24px);
border-top-right-radius: 42px;
border-top-left-radius: 42px;
}
.bell .div3 {
-webkit-transform: translate(-30px, 42px) rotate(-90deg);
transform: translate(-30px, 30px) rotate(-90deg);
background-color: #333;
height: 46px;
}