, . , a.… https://babaka.website

- 24-



.
,

:



:




, ! .


» - 24- » CSS- -Chatovod.ru » 


1 2 2

1

.chatHeader:before {
   content: " ";font-family: Monotype Corsiva;

font-size: 20px;
color: #00aeef;
font-weight: bold;
display: inline-block;
margin: 0 0 1em;
    white-space: pre-wrap;

display: block;
background: transparent url(" ") no-repeat scroll 0 0;
background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 10px;
    box-shadow: 0 0 0 3px #60B88D, 0 0 0 2px #ff0000, 0 0 0 4px #BFE3D1;
   width: 150px;
    height: 110px;
    line-height: 18px;
    opacity: 0;
padding: 10px 10px;
     position: absolute;
    right: 240px;
    top: -500px;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
  }.chatHeader:hover:before {
display: block;
background: linear-gradient;
  width: 197px;
    height: 220px;
    border-radius: 30px 10px 5px 0;
   box-shadow: 0 0 0 4px #ee1d24, 0 0 0 4px #ee1d24, 0 0 0 4px #ee1d24;   
right: 255px;
top: 200%;
    opacity: 2;
   
  } Windows 7, Chrome,56.0.2924.87

0

2


» - 24- » CSS- -Chatovod.ru » 


|