htmldiv气泡,CSS3单DIV元素气泡对话框

CSS

语言&＃xff1a;

CSSSCSS

确定

.enjoy-css {

margin-left: 150px;

margin-top: 100px;

-webkit-box-sizing: content-box;

-moz-box-sizing: content-box;

box-sizing: content-box;

z-index: 2;

width: 130px;

height: 130px;

position: absolute;

padding: 20px;

border: none;

-webkit-border-radius: 11px;

border-radius: 11px;

font: normal 32px/2 "Abel", Helvetica, sans-serif;

color: rgba(255,255,255,1);

text-align: center;

-o-text-overflow: ellipsis;

text-overflow: ellipsis;

background: #0199d9;

text-shadow: 1px 1px 1px rgba(0,0,0,0.2) ;

}

.enjoy-css::before {

-webkit-box-sizing: content-box;

-moz-box-sizing: content-box;

box-sizing: content-box;

z-index: 1;

width: 40px;

height: 40px;

position: absolute;

content: "";

bottom: 0;

left: 0;

border: none;

font: normal 16px/normal "Times New Roman", Times, serif;

color: rgba(0,0,0,0.9);

-o-text-overflow: clip;

text-overflow: clip;

background: #0199d9;

text-shadow: none;

-webkit-transform: rotateZ(-14.32394487827058deg) translateX(-5px) skewX(-36deg);

transform: rotateZ(-14.32394487827058deg) translateX(-5px) skewX(-36deg);

}