CSS 3 (каскадные таблицы стилей) - презентация, доклад, проект скачать

Нажмите для полного просмотра!

CSS 3 (каскадные таблицы стилей), слайд №1

CSS 3 (каскадные таблицы стилей), слайд №2

CSS 3 (каскадные таблицы стилей), слайд №3

CSS 3 (каскадные таблицы стилей), слайд №4

CSS 3 (каскадные таблицы стилей), слайд №5

CSS 3 (каскадные таблицы стилей), слайд №6

CSS 3 (каскадные таблицы стилей), слайд №7

CSS 3 (каскадные таблицы стилей), слайд №8

CSS 3 (каскадные таблицы стилей), слайд №9

CSS 3 (каскадные таблицы стилей), слайд №10

CSS 3 (каскадные таблицы стилей), слайд №11

CSS 3 (каскадные таблицы стилей), слайд №12

CSS 3 (каскадные таблицы стилей), слайд №13

Содержание ▲

Вы можете ознакомиться и скачать презентацию на тему CSS 3 (каскадные таблицы стилей). Доклад-сообщение содержит 13 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации

Слайд 1

Описание слайда:

CSS3

Слайд 2

Описание слайда:

В CSS3 Вы можете: Создавать элементы со сглаженными углами; Создавать линейные и сферические градиенты; Более гибко оформлять фоновую картинку элементов; Добавлять к элементам и к тексту элементов тени; Использовать небезопасные шрифты (не боясь при этом, что они будут не поддерживаться браузером пользователя); Создавать анимацию и различные эффекты переходов; Задавать цвета несколькими новыми способами и многое другое.

Слайд 3

Описание слайда:

Закругленные углы

Слайд 4

Описание слайда:

Задание цвета с помощью HSL

Слайд 5

Описание слайда:

Пример

Слайд 6

Описание слайда:

Тень текста

Слайд 7

Описание слайда:

Добавление к элементам тени #el1 {box-shadow:4px 4px black;} #el2 {box-shadow:6px 6px 6px 2px black;} #el3 {box-shadow:0px 0px 6px 2px black inset;}

Слайд 8

Описание слайда:

Несколько фоновых изображений #wrap1 { background-image: url(wislink.gif),url(mountimg3.jpg); background-position:bottom right, center; background-size:150px 40px,100% 100%; background-repeat:no-repeat,no-repeat;}

Слайд 9

Описание слайда:

Линейные градиенты #wrap1 {background:linear-gradient(top,white,black);} #wrap2 {background:linear-gradient(left,white,black);} #wrap3 {background:linear-gradient(0deg,white,black);} #wrap4 {background:linear-gradient(270deg,white,black);}

Слайд 10

Описание слайда:

Примеры

Слайд 11

Описание слайда:

Цветовой градиент #wrap1 {background:linear-gradient(top,white 0%,green 50%,black 100%);} #wrap2 {background:linear-gradient(left,#8F04A8 0%,#7CE700 60%,#FFE100 100%);}