Loading...

Във форума е въведено ограничение, което позволява на потребителите единствено да разглеждат публикуваните въпроси.

ttitto avatar ttitto 1153 Точки
Best Answer

Ето го и моят Sass за задачата с градиентите. Ползвал съм един общ миксин за всички градиенти, като вида на градиента се задава с интерполация. Има и втори миксин, в който са зададени еднократно цветовете за отделните дивове и той само се извиква с необходимите параметри където трябва. Смятам че стана прилично и кратко решение.

Там някъде в гитхъба са и решенията на останалите две задачи от домашното. Ако на някой още му се занимава с HTML и CSS може да ги разгледа и тях.

3
kiko144 avatar kiko144 795 Точки

Колега, в задачката пише, че когато щракнеш трябва да се завърта и да се появява по средата, а когато щтракнеш пак да се скрива.. От демото се вижда :) 

0
TodorovH avatar TodorovH 216 Точки
В задачката не пише нищо подобно, само че трябва да се ползва focus и hover върху картинката! А от гифа се вижда, че като кликнеш се пуска цялата анимация, от минаването на картинката напред през завъртането, до прибирането на мястото и! Да беше обяснил по-ясно какви са етапите!:)
0
jabalka avatar jabalka 960 Точки

Привет.

Малко код да споделя също.

 

Gradient City - HTML - SASS - DEMO

 

Отговарям на въпроси :) Приемам препоръки.

Дано ви е полезно, колеги!

6
Yulia avatar Yulia 1346 Точки

Оо, браво, Яна! Аз не се сетих да използвам $direction и съм писала отделни миксини за посоките... laughing Иначе като цяло са доста сходни решенията ни, като моето не е толкова изпипано и визуално точно, но съм се старала да ги пиша нещата в проценти и em-ове за да бъде responsive страничката, защото имам нужда да го практикувам това повече:

Gradient CitySugar SassDemo

4
TodorovH avatar TodorovH 216 Точки

Има големи разлики в стилизирането! Хах бъзикам се, човек трябва да е сляп да не види, че вие сте авторите на задачите! Поздравления за което!

-1
kiko144 avatar kiko144 795 Точки

Ето моето решения на Галерииката :) 

Demo  -  Source

5
XmUrF avatar XmUrF 363 Точки

Не работи коректно под Firefox :P.

Аз честно казано не съм се постарал чак толкова, пък и ми беше малко трудно да разгадая всички моменти, които трябва да се случат само на база на тоя гиф. За мен анимациите бяха въпрос на интерпретация.

0
HPetrov avatar HPetrov 822 Точки

Как да не работят на Mozilla, та аз сега ги тествам на нея и всичко е 6 :D

2
XmUrF avatar XmUrF 363 Точки

Аз не съм казал, че не работят, а че не работят коректно ;). Има разлика между начина, по който работи под Хром и този, по който работи с лисицата. Под нея не "вибрират" при hover. При click също се държи по друг начин анимацията :P.

0
Можем ли да използваме бисквитки?
Ние използваме бисквитки и подобни технологии, за да предоставим нашите услуги. Можете да се съгласите с всички или част от тях.
Назад
Функционални
Използваме бисквитки и подобни технологии, за да предоставим нашите услуги. Използваме „сесийни“ бисквитки, за да Ви идентифицираме временно. Те се пазят само по време на активната употреба на услугите ни. След излизане от приложението, затваряне на браузъра или мобилното устройство, данните се трият. Използваме бисквитки, за да предоставим опцията „Запомни Ме“, която Ви позволява да използвате нашите услуги без да предоставяте потребителско име и парола. Допълнително е възможно да използваме бисквитки за да съхраняваме различни малки настройки, като избор на езика, позиции на менюта и персонализирано съдържание. Използваме бисквитки и за измерване на маркетинговите ни усилия.
Рекламни
Използваме бисквитки, за да измерваме маркетинг ефективността ни, броене на посещения, както и за проследяването дали дадено електронно писмо е било отворено.