CSS3-test page

На этой странице вы можете протестировать свой браузер на поддержку различных CSS3-свойств. Слева представлен вариант вашего браузера, справа - то, как разметка должна выглядеть (примерно), если браузер поддерживает CSS3-элемент.

box-shadow

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In egestas pede et augue. Nunc porta nulla id erat. Nulla tincidunt. Nullam hendrerit varius felis. Sed libero nisi, sodales vel, consequat sit amet, varius sed, magna. Duis ullamcorper. Donec nec velit vitae tortor elementum imperdiet. Integer ac ante. Vestibulum eros. Donec luctus. Suspendisse sollicitudin blandit dolor. Praesent consequat. Aenean ipsum. Nunc gravida. Suspendisse potenti. Mauris odio urna, dignissim et, fringilla quis, faucibus dictum, urna. Aenean id ante quis magna lacinia eleifend. Sed at ligula.

text-shadow

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In egestas pede et augue. Nunc porta nulla id erat. Nulla tincidunt. Nullam hendrerit varius felis. Sed libero nisi, sodales vel, consequat sit amet, varius sed, magna. Duis ullamcorper. Donec nec velit vitae tortor elementum imperdiet. Integer ac ante. Vestibulum eros. Donec luctus. Suspendisse sollicitudin blandit dolor. Praesent consequat. Aenean ipsum. Nunc gravida. Suspendisse potenti. Mauris odio urna, dignissim et, fringilla quis, faucibus dictum, urna. Aenean id ante quis magna lacinia eleifend. Sed at ligula.

@font-face

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In egestas pede et augue. Nunc porta nulla id erat. Nulla tincidunt. Nullam hendrerit varius felis. Sed libero nisi, sodales vel, consequat sit amet, varius sed, magna. Duis ullamcorper. Donec nec velit vitae tortor elementum imperdiet. Integer ac ante. Vestibulum eros. Donec luctus. Suspendisse sollicitudin blandit dolor. Praesent consequat. Aenean ipsum. Nunc gravida. Suspendisse potenti. Mauris odio urna, dignissim et, fringilla quis, faucibus dictum, urna. Aenean id ante quis magna lacinia eleifend. Sed at ligula.

word-wrap

Loremipsumdolorsitamet,consecteturadipiscingelit.Inegestaspedeetaugue. Nunc porta nulla id erat. Nulla tincidunt. Nullam hendrerit varius felis. Sed libero nisi, sodales vel, consequat sit amet, varius sed, magna. Duis ullamcorper. Donec nec velit vitae tortor elementum imperdiet. Integer ac ante. Vestibulum eros. Donec luctus. Suspendisse sollicitudin blandit dolor. Praesent consequat. Aenean ipsum. Nunc gravida. Suspendisse potenti. Mauris odio urna, dignissim et, fringilla quis, faucibus dictum, urna. Aenean id ante quis magna lacinia eleifend. Sed at ligula.

column-count

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In egestas pede et augue. Nunc porta nulla id erat. Nulla tincidunt. Nullam hendrerit varius felis. Sed libero nisi, sodales vel, consequat sit amet, varius sed, magna. Duis ullamcorper. Donec nec velit vitae tortor elementum imperdiet. Integer ac ante. Vestibulum eros. Donec luctus. Suspendisse sollicitudin blandit dolor. Praesent consequat. Aenean ipsum. Nunc gravida. Suspendisse potenti. Mauris odio urna, dignissim et, fringilla quis, faucibus dictum, urna. Aenean id ante quis magna lacinia eleifend. Sed at ligula.

border-image

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In egestas pede et augue. Nunc porta nulla id erat. Nulla tincidunt. Nullam hendrerit varius felis. Sed libero nisi, sodales vel, consequat sit amet, varius sed, magna. Duis ullamcorper. Donec nec velit vitae tortor elementum imperdiet. Integer ac ante. Vestibulum eros. Donec luctus. Suspendisse sollicitudin blandit dolor. Praesent consequat. Aenean ipsum. Nunc gravida. Suspendisse potenti. Mauris odio urna, dignissim et, fringilla quis, faucibus dictum, urna. Aenean id ante quis magna lacinia eleifend. Sed at ligula.

border-radius

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In egestas pede et augue. Nunc porta nulla id erat. Nulla tincidunt. Nullam hendrerit varius felis. Sed libero nisi, sodales vel, consequat sit amet, varius sed, magna. Duis ullamcorper. Donec nec velit vitae tortor elementum imperdiet. Integer ac ante. Vestibulum eros. Donec luctus. Suspendisse sollicitudin blandit dolor. Praesent consequat. Aenean ipsum. Nunc gravida. Suspendisse potenti. Mauris odio urna, dignissim et, fringilla quis, faucibus dictum, urna. Aenean id ante quis magna lacinia eleifend. Sed at ligula.

border-colors

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In egestas pede et augue. Nunc porta nulla id erat. Nulla tincidunt. Nullam hendrerit varius felis. Sed libero nisi, sodales vel, consequat sit amet, varius sed, magna. Duis ullamcorper. Donec nec velit vitae tortor elementum imperdiet. Integer ac ante. Vestibulum eros. Donec luctus. Suspendisse sollicitudin blandit dolor. Praesent consequat. Aenean ipsum. Nunc gravida. Suspendisse potenti. Mauris odio urna, dignissim et, fringilla quis, faucibus dictum, urna. Aenean id ante quis magna lacinia eleifend. Sed at ligula.

resize

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In egestas pede et augue. Nunc porta nulla id erat. Nulla tincidunt. Nullam hendrerit varius felis. Sed libero nisi, sodales vel, consequat sit amet, varius sed, magna. Duis ullamcorper. Donec nec velit vitae tortor elementum imperdiet. Integer ac ante. Vestibulum eros. Donec luctus. Suspendisse sollicitudin blandit dolor. Praesent consequat. Aenean ipsum. Nunc gravida. Suspendisse potenti. Mauris odio urna, dignissim et, fringilla quis, faucibus dictum, urna. Aenean id ante quis magna lacinia eleifend. Sed at ligula.

rgba

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In egestas pede et augue. Nunc porta nulla id erat. Nulla tincidunt. Nullam hendrerit varius felis. Sed libero nisi, sodales vel, consequat sit amet, varius sed, magna. Duis ullamcorper. Donec nec velit vitae tortor elementum imperdiet. Integer ac ante. Vestibulum eros. Donec luctus. Suspendisse sollicitudin blandit dolor. Praesent consequat. Aenean ipsum. Nunc gravida. Suspendisse potenti. Mauris odio urna, dignissim et, fringilla quis, faucibus dictum, urna. Aenean id ante quis magna lacinia eleifend. Sed at ligula.

transforms

gradient

box-reflect

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In egestas pede et augue. Nunc porta nulla id erat. Nulla tincidunt. Nullam hendrerit varius felis. Sed libero nisi, sodales vel, consequat sit amet, varius sed, magna. Duis ullamcorper. Donec nec velit vitae tortor elementum imperdiet.

marquee

Текст должен плавно двигаться

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In egestas pede et augue. Nunc porta nulla id erat. Nulla tincidunt. Nullam hendrerit varius felis. Sed libero nisi, sodales vel, consequat sit amet, varius sed, magna. Duis ullamcorper. Donec nec velit vitae tortor elementum imperdiet. Integer ac ante. Vestibulum eros. Donec luctus. Suspendisse sollicitudin blandit dolor. Praesent consequat. Aenean ipsum. Nunc gravida. Suspendisse potenti. Mauris odio urna, dignissim et, fringilla quis, faucibus dictum, urna. Aenean id ante quis magna lacinia eleifend. Sed at ligula.

outline-offset

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In egestas pede et augue. Nunc porta nulla id erat. Nulla tincidunt. Nullam hendrerit varius felis. Sed libero nisi, sodales vel, consequat sit amet, varius sed, magna. Duis ullamcorper. Donec nec velit vitae tortor elementum imperdiet. Integer ac ante. Vestibulum eros. Donec luctus. Suspendisse sollicitudin blandit dolor. Praesent consequat. Aenean ipsum. Nunc gravida. Suspendisse potenti. Mauris odio urna, dignissim et, fringilla quis, faucibus dictum, urna. Aenean id ante quis magna lacinia eleifend. Sed at ligula.