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

2

Taggé

Fichiers attachés

Les fichiers suivants ont été attachés à ce tutoriel:

.capx

Statistiques

2,860 visites, 3,618 vues

Outils

Partager

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!