شاهد المباراة
مستند بلا عنوان
<ستايل>
هيئة{
الهامش: 0 بكسل! مهم ؛
}
.refresh-link {
font-family: "Segoe UI"، tahoma؛ color: #eee؛ text-align: center؛ display: inline-block؛ font-size: 100٪؛ background-color: # 552a86؛ border-radius: 5px؛ padding: 3px 9px؛ margin-top: 0px؛ text-decoration: none؛ position: مطلق؛ z-index: 5555؛ right: 3px؛ cursor: pointer؛ top: 0}
.refresh-link: after، .refresh-link: before {content: ""؛ position: due؛ left: 48٪؛ top: 46٪؛ transform: translateX (-50٪) translateY (-50٪)؛ width: 55 بكسل ؛ الارتفاع: 30 بكسل ؛ العرض: كتلة}
.refresh-link: بعد {z-index: 1؛ border-radius: 5px؛ transfer: all .2s}
.rlink {font-family: "Segoe UI"، tahoma؛ color: #eee؛ text-align: center؛ display: inline-block؛ font-size: 100٪؛ background-color: # 552a86؛ border-radius: 5px ؛ المساحة المتروكة: 3 بكسل 9 بكسل ؛ أعلى الهامش: 0 بكسل ؛ زخرفة النص: لا شيء ؛ الموضع: مطلق ؛ الفهرس z: 5555 ؛ اليسار: 3 بكسل ؛ المؤشر: المؤشر ؛ أعلى: 0}
.rlink: بعد ، .rlink: قبل {content: "" ؛ الموضع: مطلق ؛ اليسار: 48٪ ؛ أعلى: 46٪ ؛ التحويل: translateX (-50٪) translateY (-50٪) ؛ العرض: 55px ؛ الارتفاع: 30 بكسل ؛ عرض: كتلة}
.rlink: before {z-index: 0؛ background: # ff00007a؛ animation: pulse-border 1.5s easy-out infinite؛ border-radius: 5px}
.rlink: بعد {z-index: 1؛ border-radius: 5px؛ transfer: all .2s}
keyframes pulse-border {0٪ {transform: translateX (-50٪) translateY (-50٪) translateZ (0) scale (1)؛ opacity: 1} 100٪ {transform: translateX (-50٪) translateY (- 50٪) translateZ (0) scale (1.5)؛ opacity: 0}}
<الجسم>