استفاده از اکلیپیس در CSS
CSS در طراحی وب سایت ها بسیار کاربرد دارد و می توانید از این زبان در کنار اچ تی ام ال استفاده کنید.
سی اس اس زبان نشانه گذاری است و اگر ترجیح می دهید وب سایت خود را زیبا تر طراحی کنید و همین طور نیاز است که سایت شما جلوه های نمایشی بهتری داشته باشد، قطعا سی اس اس ها بسیار و بیش از هر زمانی کاربردی تر خواهد بود.
.loading:after {
overflow: hidden;
display: inline-block;
vertical-align: bottom;
animation: ellipsis 2s infinite;
content: “\2026”; /* ascii code for the ellipsis character */
}@keyframes ellipsis {
from {
width: 2px;
}to {
width: 15px;
}
}
استفاده از سایه در CSS
.box-shadow {
background-color: #FF8020;
width: 160px;
height: 90px;
margin-top: -45px;
margin-left: -80px;
position: absolute;
top: 50%;
left: 50%;
}
.box-shadow:after {
content: “”;
width: 150px;
height: 1px;
margin-top: 88px;
margin-left: -75px;
display: block;
position: absolute;
left: 50%;
z-index: -1;
-webkit-box-shadow: 0px 0px 8px 2px #000000;
-moz-box-shadow: 0px 0px 8px 2px #000000;
box-shadow: 0px 0px 8px 2px #000000;
}