Кодирање Кунг-фу 35 Графика изграђена чисто са ЦСС3
Погледајте графике испод, супер Пхотосхоп ради како треба? Не, креирани су од стране ЦСС3. Да, они су у потпуности “нацртана” би ЦСС3! Када смо видели довољно ЦСС3 анимација, мислили смо да су сви они ЦСС3 као потенцијални Фласх убојица, али грешимо. Програмери можда не задовољавају забаву анимације, па опет, они гурају границе ЦСС3 да би изазвали реалност графичког уредника.
Са овим постом долази 35 пажљиво израђених ЦСС3 графика које чак укључују и нешто што се не би повезало са ЦСС3 лике Аппле иПхоне, цртани лик Дораемон, и још изненађења! Хецк, неки од њих чак долазе са детаљним туторијалом који вас учи како да га постигнете! Зато не пропустите велику шансу да научите да правите графику користећи ЦСС3 и мало ХТМЛ-а.!
Препоручујемо вам да ове демо верзије прегледате помоћу најновије верзије Гоогле Цхроме-а за Сафари или Девелопер. Већина демо верзија подржава најновију верзију Фирефок-а и Гоогле Цхроме-а.
РСС Феед Ицон
РСС Феед Икона изграђена са ЦСС3, искључиво из Хонгкиата! Уз линк долази туториал који можете заправо научити “драв” РСС Феед икону без коришћења само једне слике. Направите ЦСС3 чудо својим рукама!
Аппле иМац
Да, моје очи такође не могу да верујем, али то је иМац “састављен” чисто са ЦСС3.
Аппле Кеибоард
То је Аппле тастатура изграђена са ЦСС3! Гумб тастатуре се чак може притиснути.
Аппле иПхоне
Још једна ствар: иПхонеЦСС3.
цветање вишања
Прави сјај ЦСС3 је да се може користити за изградњу било чега, укључујући биљке и животиње!
Шоља за кафу
Напоран дан? Хајде да имамо ЦСС3 кафу, која се најбоље послужује уз Сафари / Гоогле Цхроме.
Дораемон
Овај Дораемон је познат по ЦСС3 тестирању компатибилности. Пробајте га у програму Интернет Екплорер 8 или ниже и имајте леп дан.
Меоввв!
Сада гледате мачку која је потпуно направљена са кодом! Штета што ЦСС3 не може генерисати звучне ефекте, бар за сада.
Гљива, Трифорце, Поке балл, Кирби
“Будући да сам штребер, направио сам неке крештаве креације - Марио гљива, Трифорце, Покебалл и Кирби. За оне који користе прегледнике диносаура, постоји снимак екрана на који би требало да изгледа.”
Ниан Цат
“Садржи 81 ДОМ елемента, 688 линија чистог ЦСС-а и једну ЈаваСцрипт функцију за петљање звука. Мој ЦСС не успева да тестира ЦССЛинт и заиста сам поносан на то.”
Паттернс
ЦСС3 је толико велик да се може користити и за изградњу основних средстава за веб дизајн, као што су ови обрасци.
БонБон
БонБон су слатки ЦСС3 тастери направљени са циљем на уму: секси изглед, заиста флексибилни тастери са најмањим минималистичким ознакама \ т.
ИОС Ицонс
Невероватно? Да. Ове иконе су направљене заобљени углови, схадовс, градијенти, ргба, псеудо-елементи, и трансформс, уз помоћ одређених алата као што су Вестцив алати и Бордер Радиус.
Социал Медиа Ицонс
То је немогуће да веб девелопер не гради иконе друштвених медија ако могу да граде иПхоне и Дораемон са ЦСС3. И те иконе су направили јако добро.
Социал Медиа Ицонс
Још један сет икона друштвених медија који показују могућности ЦСС3 у креирању корисних икона.
Пецулиар
“Својство је бесплатан пакет икона направљен само у ЦСС-у. Направљен је за локације и веб апликације које зависе од могућег броја ХТТП захтева или не морају да користе било коју слику.”
ГУИ иконе
84 једноставне ГУИ иконе које користе само ЦСС и семантички ХТМЛ. Ово се још увек сматра као “не-производна спремна” иконе, али изгледају веома обећавајуће.
Стив Џобс
Стив Џобс није само икона дигиталног доба, већ и лидер који увелико промовише ХТМЛ5.
Твиттер Фаил Вхале
Твиттер неће успети да вас изненади, осим у Интернет Екплореру 8 или ниже.
умбрУИ
Елементи корисничког интерфејса омогућени су са ЦСС3, и изгледа веома елегантно!
Лого Адобе Пхотосхоп
Посвета Пхотосхопу без коришћења Пхотосхопа.
Андроид Лого
Андроид је направљен од прилично једноставних облика, али објашњава предност ЦСС3: можете направити једноставне ствари и модифицирати их на било који начин користећи само код, али не и Пхотосхоп.
Аппле Лого
Ретро Аппле лого представљен користећи ЦСС3, још увијек као страшан као и вријеме када је креиран.
Атари Лого
Годинама раније, ко би помислио да ће Атари лого бити поново креиран користећи ЦСС3.
БП Лого
Једноставан лого може се лако направити помоћу ЦСС3. Најбоља ствар код неких од ових логотипа приказаних овде су шифре које можете да испробате!
Дрибббле Лого
Познати сајт са презентацијом на сајту Дрибббле је приказан помоћу ЦСС3.
Магенто Лого
Логотип Магента није претешко за цртање, али исход изгледа професионално.
МцДоналд Лого
Ја волим ЦСС3!
Твиттер Бирд
Савршена пропорција, врх шапа за креатора.
Виндовс логотип
Виндовс лого! Изгледа стварно сјајно и лако је креирати!
Логотип Интернет Екплорер
Стварно сјајна креација! Ради у главним прегледачима осим Интернет Екплорера 8 или нижег.
Гоогле Цхроме Лого
Нисам сигуран да волите нови лого Гоогле Цхроме-а или не, али овај ЦСС3 Гоогле Цхроме лого изгледа одлично!
Опера Лого
Сада је пракса за вас: које су разлике између ЦСС3 и стварног посла?
ХТМЛ5 Лого
ХТМЛ5 не може да сија без ЦСС3!
Волксваген Лого
Осим шеме боја, овај ЦСС3 клон изгледа идентично оригиналном.
Рефлецтион
Уз бум логотипа и графике направљених од чистог ЦСС3 долазе дискусије које увелико расправљају о употребљивости ЦСС3-графике произведене у стварном светском продукционом окружењу..
Генерално, ЦСС3 графика је у реду, али је можда ће вам сметати нарочито када је потребно да промените дизајн или једноставно промените величину графике, Највећи проблем је што технологија још увек није у потпуности подржана од стране одређених претраживача као што је Интернет Екплорер.
Шта мислиш? Да ли ћете користити графику направљену са ЦСС3 на вашем сајту? Имате ли рјешење за своје тренутне недостатке? Јавите нам своје мисли, и поделите са нама ако сте управо испекли ЦСС3 графику!
Више
Спремни сте да урадите нешто са ЦСС3? Дошли сте на право мјесто! У наставку се налазе водичи и туторијали написани да вам помогну на вашем путу ка савладавању ЦСС3.
- ЦСС3: Креирајте навигациони мени за крух
- ЦСС3: Креирајте лого РСС Феед
- ЦСС3: Креирајте оквир за претраживање
- ЦСС3: Водич за почетнике
- ЦСС3 / ХТМЛ5: Креирање веб страница
- ЦСС3 / ХТМЛ5: Креирајте контактни образац заснован на АЈАКС-у
