Введение в статью Wulin.com (www.vevb.com): Узнайте немного HTML5+CSS3 каждый день, медленно накапливает опыт и начинайте с оснований. Следующее в основном представляет кнопки «Рисование» простых игроков.
Узнайте немного HTML5+CSS3 каждый день, накапливайте опыт медленно и начинайте с оснований. Следующее в основном представляет кнопки «Рисование простых игроков»;
Во -первых, давайте посмотрим, как выглядит граница настройки, когда ширина и высота Div 0?
Код заключается в следующем:
1
Операция визуализации следующие:
Итак, мы можем кое -что увидеть с этой картинки?
Если мы удалим три границы, можем ли мы нарисовать треугольник? Ответ да. Только с одним кодом вы можете нарисовать треугольник:
Эффект:
Теперь легко нарисовать кнопку игрока. В сочетании с некоторыми советами учебных заметок и небольшим количеством адаптации кода, чтобы нарисовать треугольник выше, легко нарисовать кнопку «Последний игрок».
Код заключается в следующем:
1
Кнопка игрока
Эффект:
Резюме: В этом простом примере в основном используется использование границ для рисования треугольников и слегка преобразования, например, изменение ширины границы или размер DIV, для рисования некоторой другой основной графики. Кроме того, также используются округлые углы, тени и графические преобразования в CSS3.