P30-ART


ارسال موضوع ارسال پاسخ
 
امتیاز موضوع:
  • 0 رأی - میانگین امتیازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5
مثلث هشدار با css
نویسنده پیام
کاربر فعال
***

ارسال‌ها: 60
تاریخ عضویت: فروردین 1393
اعتبار: 11
وضعیت : آفلاین
جنسیت:
سپاس ها 4
سپاس شده 100 بار در 36 ارسال
ارسال: #1
مثلث هشدار با css
منبع: آی کامپ تصویر: /images/smilies/sheklak/1 (5).gif
کد php:
<html> <head> <title>هشدار دهنده چشمک زن</title> <style> .dangerr color:yellowwidth0pxheight0pxborder-stylesolidborder-width0 125px 216.5px 125pxborder-colortransparent transparent #f20c0c transparent; line-height: 0px; _border-color: #000000 #000000 #f20c0c #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); font-family:B Homa, Tahoma;font-size:40px;position:relative;text-align:right;direction:rtl; animation-name:danger ; animation-duration:1s; animation-timing-function:linear; animation-delay:0s; animation-iteration-count:infinite; -webkit-animation-name:danger ; -webkit-animation-duration:1s; -webkit-animation-timing-function:linear; -webkit-animation-delay:0s; -webkit-animation-iteration-count:infinite; } @keyframes danger { 0% {border-color: transparent transparent red transparent;color:yellow;text-shadow:0px 0px 3px yellow} 50% {border-color: transparent transparent yellow transparent;color:red;} 100% {border-color: transparent transparent red transparent;color:yellow;text-shadow:0px 0px 3px yellow} }   @-webkit-keyframes danger /* Safari and Chrome */ { 0% {border-color: transparent transparent red transparent;color:yellow;} 50% {border-color: transparent transparent yellow transparent;color:red;} 100% {border-color: transparent transparent red transparent;color:yellow} } .dangerr .p{ width: 0px; height: 0px; border-style: solid; border-width: 0 95px 170px 95px; border-color: transparent transparent #fff transparent; line-height: 0px; _border-color: #fff; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#fff'); position:relative;left:94px;top:30px } .dangerr .p p{position:relative;left:53px;top:110px} </style> </head> <body> <center><div class="dangerr"> <div class="p"> <p>هشدار!!</p> </div> </div> <div class="p"> <p><font face="B Yekan,Tahoma"> هر گونه کپی برداری از این سایت پیگرد قانونی ب همراه دارد</p></div></body> </html> 
 

02-26-1393 11:36 ق.ظ
یافتن تمامی ارسال‌های این کاربر نقل قول این ارسال در یک پاسخ
ارسال موضوع ارسال پاسخ


پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان