ХТМЛ5 - Ефекти и трансформације

Преглед садржаја
Постоје различите врсте ефекти и трансформације које се могу применити на платно, ово омогућава генерисање слика које су се раније могле замислити само у флешу и другим сличним алатима.
Међу овим ефектима имамо стварање сенки које нам омогућавају да олакшамо цртеже које уграђујемо у наше платноПостоје и ефекти транспарентности, који нам омогућавају да један елемент ставимо један на други, генеришући бесконачне вероватноће дизајна.
Схадес
Сенке нам омогућавају да дамо дубину и рељефни ефекат нашим елементима, на платну можемо уградити ове сенке у елементе, за то имамо следећа својства која нам омогућавају да их прилагодимо у зависности од тога шта желимо да постигнемо с њима:
  • схадовБлур: Поставља степен оштрине сенке на већу вредност, мању оштрину и већу њену дисперзију.
  • схадовЦолор: Омогућава вам да подесите боју сенке.
  • схадовОффсетКс: Поставља хоризонталну излазну тачку сенке.
  • схадовОффсетИ: Поставља вертикалну тачку пада сенке.
Погледајмо испод пример кода како користити ова својства за конструисање сенки:
 Пример Ваш прегледач не подржава елемент платно 

У овом примеру примењујемо сенке на правоугаоник, као и текст и криву, да видимо како ово изгледа у прегледачу:

Фолије
Да бисмо успоставили транспарентност, имамо два начина, први је коришћење ргба функција у атрибутима филлСтиле И строкеСтиле; други начин који имамо је коришћење својства цртежа глобалАлпха то важи универзално.
Погледајмо испод пример који користи други образац који је најједноставнији и најдиректнији за примену, наглашавамо да вредности које прихвата глобалАлпха су 0 за потпуну транспарентност И 1 како би био потпуно непрозиран, у случају примера, користићемо 0,5 као вредност која нам омогућава средину:
 Пример Ваш прегледач не подржава елемент платно 

Као што видимо, оно што смо урадили је нацртали правоугаоник изнад текста и захваљујући глобалАлпха видимо ефекат транспарентности који нам омогућава да ценимо две извучене фигуре:

Овим завршавамо водич с којим већ имамо знања да можемо примијенити неке занимљиве ефекте на наше композиције у елементу платна у ХТМЛ5.Да ли вам се допао и помогао овај водич?Можете наградити аутора притиском на ово дугме да бисте му дали позитиван поен

Ви ће помоћи развој сајта, дељење страницу са пријатељима

wave wave wave wave wave