Простое добавление CSS эффекта

2

Tagged

Attached Files

The following files have been attached to this tutorial:

.capx

css-loading-demo.capx

Download now 176.26 KB

Stats

2,835 visits, 3,589 views

Tools

License

This tutorial is licensed under CC BY 4.0. Please refer to the license text if you wish to reuse, share or remix the content contained within this tutorial.

Published on 5 Apr, 2016. Last updated 25 Feb, 2019

Это простейший путь, для добавления CSS эффекта кнопкам

Итак, давайте начнём:

Создание нужного CSS эффекта

Давайте, зайдём на сайт cssportal И создадим хороший эффект для вашего UI. Скопируйте код в пустой файл и сохраните, как .css файл.

Вот пример:

Код, использованный в примере, показан выше. Для того, чтобы это заработало, надо заменить ".testbutton" на ID кнопки объекта:

Внутри исходника

Если вы всё ещё не скачали исходник, то сейчас самое время!

Вы можете видеть, что файл назван "style.css" загружен в проект. Двойной клик на нём, и вы можете видеть ID "MyButton" как у кнопки. На старте уровня, пример использует простую функцию загрузки текста, чтобы загрузить style.css в параметр ID "MyButton". "MyButton" это параметр, который я придумал, но вы можете использовать любой, который не будет конфликтовать с css файлом.

В конечном счёте, вы будете видеть похожую кнопку:

.CAPX

css-loading-demo.capx

Download now 176.26 KB
  • 0 Comments

Want to leave a comment? Login or Register an account!