1. Effects
2. Source code
<%@ Page ContentType="Text/html;charset=utf-8"language="Java" %><HTML><Head> <styletype= "Text/css">#confirm{position:Absolute;Z-index:1;Display:Inline-block;Border:1px solid Black;Background-color:Gray;width:50px;Height:40px;Border-radius:10px;-webkit-box-shadow:3px 3px 3px #adadad;-moz-box-shadow:3px 3px 3px #adadad;Box-shadow:3px 3px 3px #adadad;text-align:Center;Line-height:40px;Color:Red; }#triangle{position:Absolute;Z-index:2;Top:44px; Left:26px;Display:Inline-block;Border-bottom:1px solid Black;Border-right:1px solid Black;Background-color:Gray;width:10px;Height:10px;-webkit-transform:Rotatez (45deg);-moz-transform:Rotatez (45deg);-ms-transform:Rotatez (45deg);-o-transform:Rotatez (45deg);Transform:Rotatez (45deg);-webkit-box-shadow:3px 3px 3px #adadad;-moz-box-shadow:3px 3px 3px #adadad;Box-shadow:3px 3px 3px #adadad; } </style></Head><Body><DivID= "Confirm">Tips</Div><DivID= "Triangle"></Div></Body></HTML>
CSS Custom Message Hints