Како да креирате Гмаил лого са ЦСС3

Пре пар месеци сам вам показао како да направите РСС феед лого са ЦСС3. Мислила сам да би било забавно направити нешто мало сложеније. У данашњем посту, показаћу вам како да направите не једну, већ две варијације Гмаил логотипа користећи само ЦСС3.

Пречице до:

• Гмаил лого ЦСС туториал # 1 | Преглед
• Гмаил лого ЦСС туториал # 2 | Преглед

Гмаил лого # 1

Овај први логотип је једноставан и лако се креира. Без даљег одлагања, ево корака. Почнимо са отварањем омиљеног кода и уносом следећих ХТМЛ кодова и сачувајте га као лого-гмаил.хтмл.

Додајте следеће ЦСС стилове између да ресетујете подразумеване вредности ЦСС-а.

.гмаил-лого, .гмаил-лого *, .гмаил-лого *: пред, .гмаил-лого *: после маргин: 0; паддинг: 0; позадина: транспарентна; граница: 0; оутлине: 0; дисплеј блок; фонт: нормал нормал 0/0 сериф; 

Следећи ЦСС кодови дају нам црвену позадину Гмаил логотипа и заобљене стране.

 .гмаил-лого маргин: 110пк ауто; позадина: ргб (201, 44, 25); видтх: 600пк; хеигхт: 400пк; бордер-топ: 4пк солид ргб (201, 44, 25); бордер-боттом: 4пк солид ргб (201, 44, 25); радијус: 10пк; -моз-бордер-радиус: 10пк; -вебкит-бордер-радиус: 10пк; 

Затим настављамо са креирањем беле кутије унутар црвене позадине.

 .гмаил-лого .гмаил-бок оверфлов: хидден; флоат: лефт; видтх: 440пк; хеигхт: 400пк; маргин: 0 0 0 80пк; позадина: бела; бордер-радиус: 5пк; -моз-бордер-радиус: 5пк; -вебкит-бордер-радиус: 5пк; 

Да бисмо створили црвени "М" ефекат, прво ћемо направити кутију са црвеном границом.

 .гмаил-лого .гмаил-бок: пред поситион: релативе; цонтент: "; з-индек: 1; бацкгроунд: вхите; флоат: лево; ширина: 320пк; височина: 320пк; граница: 100пк солид ргб (201, 44, 25); маргин: -310пк 0 0 -40пк; радијус: 10пк; -моз-бордер-радиус: 10пк; -вебкит-бордер-радиус: 10пк; -моз-трансформ: ротате (45дег); -вебкит-трансформ: ротате (45дег); -о-трансформ: ротате (45дег) );

Затим настављамо да сакривамо прекомерне стране, дајући нам комплетан "М" у црвеној боји.

 .гмаил-лого .гмаил-бок оверфлов: хидден; 

Сада, дајмо две танке црвене границе, дајући јој изглед коверте.

 .гмаил-лого .гмаил-бок: после цонтент: "; флоат: лево; ширина: 360пк; висина: 360пк; граница: 2пк солид ргб (201, 44, 25); маргин: 10пк 0 0 40пк; -о-трансформ -вебкит-трансформ: ротате (45дег); -моз-трансформ: ротате (45дег);

Скоро смо готови. Додајмо неки градијент црвеној омотници.

 .гмаил-лого: после цонтент: "; поситион: релативе; з-индек: 2; цонтент:"; флоат: лефт; маргин: -404пк; видтх: 600пк; хеигхт: 408пк; дисплеј блок; бацкгроунд: -моз-линеар-градиент (топ, ргба (255, 255, 255, 0.3) 0%, / * ргба (255, 255, 255, 0.3) 30%, * / ргба (255, 255, 255, 0.1 ) 100%); бацкгроунд: -о-линеар-градиент (топ, ргба (255, 255, 255, 0.3) 0%, / * ргба (255, 255, 255, 0.2) 30%, * / ргба (255, 255, 255, 0.1 ) 100%); бацкгроунд: -вебкит-градиент (линеарно, лево горе, лево дно, боја-стоп (0%, ргба (255, 255, 255, 0.3)), / * цолор-стоп (30%, ргба (255, 255, 255) , 0.2)), * / цолор-стоп (100%, ргба (255, 255, 255, 0.1));  

Последње, али не и најмање важно, дајмо му другачију боју када се окрене. Додајте следећи ХТМЛ ДОЦТИПЕ пре

И следеће ЦСС стилове раније

 .гмаил-лого: ховер бацкгроунд: # 313131; бордер-цолор: # 313131; / * курсор: поинтер; * / .гмаил-лого: ховер .гмаил-бок: пре бордер-цолор: # 313131;  .гмаил-лого: ховер .гмаил-бок: после бордер-цолор: # 313131; бордер-боттом-цолор: #ффф; бордер-ригхт-цолор: #ффф; 

Преглед | Преузмите изворну датотеку

Гмаил лого # 2

Затим ћемо креирати Гмаил лого из друге перспективе уз мали 3Д ефекат. Почећемо са основном ХТМЛ ознаком.

Пошто лого има другачију перспективу, почет ћемо га мало ротирати и креирати потребне слојеве (које ћемо назвати елементи) редом.

 # гмаил-лого2 маргин: 0 ауто; дисплеј блок; видтх: 380пк; хеигхт: 290пк; -моз-трансформ: ротирати (6дег); -вебкит-трансформ: ротирати (6дег); -о-трансформ: ротирати (6дег); трансформ: ротате (6дег);  # гмаил-лого2 .елемент1 дисплаи: блоцк; видтх: 380пк; хеигхт: 290пк;  # гмаил-лого2 .елемент2, # гмаил-лого2 .елемент3, # гмаил-лого2 .елемент4, # гмаил-лого2 .елемент5 флоат: лефт; дисплеј блок; видтх: 380пк; хеигхт: 290пк; маргин: -290пк 0 0 0;  

Стилинг .елемент1 ::

 # гмаил-лого2 .елемент1 :: бефоре цонтент: "; поситион: релативе; маргин: 2пк 0 0 14пк; флоат: лево; дисплаи: блоцк; бацкгроунд: ргб (201, 44, 25); ширина: 30пк; висина: 276пк; -моз-трансформ: ротате (3дег); -вебкит-трансформ: ротате (3дег); -о-трансформ: ротате (3дег); трансформ: ротате (3дег); бордер-радиус: 22пк 0 0 20пк; -моз -бордер-радиус: 22пк 0 0 20пк; -вебкит-бордер-радиус: 22пк 0 0 20пк; бок-схадов: -1пк 1пк 0 ргб (109, 10, 0), -2пк 2пк 0 ргб (109, 10, 0) ), -3пк 3пк 0 ргб (109, 10, 0), -4пк 4пк 0 ргб (109, 10, 0), -5пк 5пк 0 ргб (109, 10, 0), -6пк 6пк 0 ргб (109, 10) , 0); -вебкит-бок-схадов: -1пк 1пк 0 ргб (109, 10, 0), -2пк 2пк 0 ргб (109, 10, 0), -3пк 3пк 0 ргб (109, 10, 0), -4пк 4пк 0 ргб (109, 10, 0), -5пк 5пк 0 ргб (109, 10, 0), -6пк 6пк 0 ргб (109, 10, 0); -моз-бок-схадов: -1пк 1пк 0 ргб (109, 10, 0), -2пк 2пк 0 ргб (109, 10, 0), -3пк 3пк 0 ргб (109, 10, 0), -4пк 4пк 0 ргб (109, 10, 0), -5пк 5пк 0 ргб (109, 10, 0), -6пк 6пк 0 ргб (109, 10, 0); 

Стилинг .елемент1 :: афтер

 # гмаил-лого2 .елемент1 :: афтер цонтент: "; поситион: релативе; маргин: 40пк 5пк 0 0; флоат: ригхт; дисплаи: блоцк; бацкгроунд: ргб (201, 44, 25), видтх: 30пк; -Моз-трансформ: ротате (3дег); -вебкит-трансформ: ротате (3дег); -о-трансформ: ротате (3дег); трансформ: ротате (3дег); бордер-радиус: 0 18пк 26пк 0; -вебкит -бордер-радиус: 0 18пк 26пк 0; -моз-бордер-радиус: 0 18пк 26пк 0; бок-схадов: -1пк 1пк 0 ргб (109, 10, 0), -2пк 2пк 0 ргб (109, 10, 0) ), -3пк 3пк 0 ргб (109, 10, 0), -4пк 4пк 0 ргб (109, 10, 0), -5пк 5пк 0 ргб (109, 10, 0), -6пк 6пк 0 ргб (109, 10) , 0), -6пк 7пк 0 ргб (109, 10, 0); -моз-бок-схадов: -1пк 1пк 0 ргб (109, 10, 0), -2пк 2пк 0 ргб (109, 10, 0), -3пк 3пк 0 ргб (109, 10, 0), -4пк 4пк 0 ргб (109, 10, 0), -5пк 5пк 0 ргб (109, 10, 0), -6пк 6пк 0 ргб (109, 10, 0) -6пк 7пк 0 ргб (109, 10, 0); -вебкит-бок-схадов: -1пк 1пк 0 ргб (109, 10, 0), -2пк 2пк 0 ргб (109, 10, 0), -3пк 3пк 0 ргб (109, 10, 0), -4пк 4пк 0 ргб (109, 10, 0), -5пк 5пк 0 ргб (109, 10, 0), -6пк 6пк 0 ргб (109, 10, 0), -6пк 7пк 0 рг б (109, 10, 0);  

Стилинг .елемент2 ::

 # гмаил-лого2 .елемент2 :: бефоре цонтент: "; маргин: 22пк 0 0 48пк; флоат: лево; дисплеј: блок; позадина: ргб (201, 44, 25); ширина: 315пк; висина: 14пк; -моз -вебкит-трансформ: ротате (6.8дег); -о-трансформ: ротате (6.8дег); трансформ: ротате (6.8дег); бок-схадов: 0 1пк 0 ргб (109, 10, 0), 0 2пк 0 ргб (109, 10, 0), 0 3пк 0 ргб (109, 10, 0), 0 4пк 0 ргб (109, 10, 0), 0 5пк 0 ргб (109, 10, 0), -6пк 6пк 0 ргб (109, 10, 0); -вебкит-бок-схадов: 0 1пк 0 ргб (109, 10, 0), 0 2пк 0 ргб (109, 10, 0), 0 3пк 0 ргб (109, 10, 0), 0 4пк 0 ргб (109, 10, 0), 0 5пк 0 ргб (109, 10, 0), -6пк 6пк 0 ргб (109, 10, 0); -моз-бок -схадов: 0 1пк 0 ргб (109, 10, 0), 0 2пк 0 ргб (109, 10, 0), 0 3пк 0 ргб (109, 10, 0), 0 4пк 0 ргб (109, 10, 0) , 0 5пк 0 ргб (109, 10, 0), -6пк 6пк 0 ргб (109, 10, 0);

Стилинг .елемент2 :: афтер

 # гмаил-лого2 .елемент2 :: афтер цонтент: "; поситион: релативе; маргин: 230пк 0 0 36пк; флоат: лево; дисплаи: блоцк; бацкгроунд: ргб (201, 44, 25), видтх: 310пк; 12пк; бок-схадов: 0 1пк 0 ргб (109, 10, 0), 0 2пк 0 ргб (109, 10, 0), 0 3пк 0 ргб (109, 10, 0), 0 4пк 0 ргб (109, 10) , 0), 0 5пк 0 ргб (109, 10, 0), -6пк 6пк 0 ргб (109, 10, 0); -вебкит-бок-схадов: 0 1пк 0 ргб (109, 10, 0), 0 2пк 0 ргб (109, 10, 0), 0 3пк 0 ргб (109, 10, 0), 0 4пк 0 ргб (109, 10, 0), 0 5пк 0 ргб (109, 10, 0), -6пк 6пк 0 ргб (109, 10, 0); -моз-бок-схадов: 0 1пк 0 ргб (109, 10, 0), 0 2пк 0 ргб (109, 10, 0), 0 3пк 0 ргб (109, 10, 0) ), 0 4пк 0 ргб (109, 10, 0), 0 5пк 0 ргб (109, 10, 0), -6пк 6пк 0 ргб (109, 10, 0);

Стилинг .елемент3 ::

 # гмаил-лого2 .елемент3 :: бефоре цонтент: "; поситион: релативе; маргин: 8пк 0 0 42пк; флоат: лево; дисплаи: блоцк; бацкгроунд: ргб (201, 44, 25); ширина: 42пк; висина: 268пк; -моз-трансформ: ротирати (3дег); -вебкит-трансформ: ротирати (3дег); -о-трансформ: ротирати (3дег); трансформирати: ротирати (3дег);

Стилинг .елемент3 :: афтер

 # гмаил-лого2 .елемент3 :: афтер цонтент: "; поситион: релативе; маргин: 40пк 32пк 0 0; флоат: ригхт; дисплаи: блоцк; бацкгроунд: ргб (201, 44, 25), видтх: 22пк; 236пк; -моз-трансформ: ротате (3.0дег); -вебкит-трансформ: ротате (3.0дег); -о-трансформ: ротате (3.0дег); трансформ: ротате (3.0дег); бок-схадов: 0 1пк 0 ргб (109, 10, 0), 0 2пк 0 ргб (109, 10, 0), 0 3пк 0 ргб (109, 10, 0), 0 4пк 0 ргб (109, 10, 0), 0 5пк 0 ргб 109, 10, 0), -6пк 6пк 0 ргб (109, 10, 0); -вебкит-бок-схадов: 0 1пк 0 ргб (109, 10, 0), 0 2пк 0 ргб (109, 10, 0) , 0 3пк 0 ргб (109, 10, 0), 0 4пк 0 ргб (109, 10, 0), 0 5пк 0 ргб (109, 10, 0), -6пк 6пк 0 ргб (109, 10, 0); -моз-бок-схадов: 0 1пк 0 ргб (109, 10, 0), 0 2пк 0 ргб (109, 10, 0), 0 3пк 0 ргб (109, 10, 0), 0 4пк 0 ргб (109, 10, 0), 0 5пк 0 ргб (109, 10, 0), -6пк 6пк 0 ргб (109, 10, 0);

Стилинг .елемент4 ::

 # гмаил-лого2 .елемент4 :: бефоре цонтент: "; поситион: релативе; маргин: -2пк 0 0 130пк; флоат: лево; дисплаи: блоцк; бацкгроунд: ргб (201, 44, 25), видтх: 54пк; : 192пк; -моз-трансформ: ротате (-49дег); -вебкит-трансформ: ротате (-49дег); -о-трансформ: ротате (-49дег); трансформ: ротате (-49дег); бок-схадов: -1пк 0 0 ргб (109, 10, 0), -2пк 0 0 ргб (109, 10, 0), -3пк 0 0 ргб (109, 10, 0), -4пк 0 0 ргб (109, 10, 0), -5пк 0 0 ргб (109, 10, 0), -6пк 0 0 ргб (109, 10, 0), -7пк 0 0 ргб (109, 10, 0), -8пк 0 0 ргб (109, 10, 0) -моз-бок-схадов: -1пк 0 0 ргб (109, 10, 0), -2пк 0 0 ргб (109, 10, 0), -3пк 0 0 ргб (109, 10, 0), -4пк 0 0 ргб (109, 10, 0), -5пк 0 0 ргб (109, 10, 0), -6пк 0 0 ргб (109, 10, 0), -7пк 0 0 ргб (109, 10, 0), -8пк 0 0 ргб (109, 10, 0); -вебкит-бок-схадов: -1пк 0 0 ргб (109, 10, 0), -2пк 0 0 ргб (109, 10, 0), -3пк 0 0 ргб (109, 10, 0), -4пк 0 0 ргб (109, 10, 0), -5пк 0 0 ргб (109, 10, 0), -6пк 0 0 ргб (109, 10, 0), -7пк 0 0 ргб (109, 10, 0), -8пк 0 0 ргб (109, 10, 0);

Стилинг .елемент4 :: афтер

 # гмаил-лого2 .елемент4 :: афтер цонтент: "; поситион: релативе; маргин: 12пк 88пк 0 0; флоат: ригхт; дисплаи: блоцк; бацкгроунд: ргб (201, 44, 25), видтх: 54пк; 186пк; бордер-радиус: 30пк 0 0 0; -вебкит-бордер-радиус: 30пк 0 0 0; -моз-бордер-радиус: 30пк 0 0 0; -моз-трансформ: ротате (53дег); -вебкит-трансформ: ротирај (53дег); -о-трансформ: ротирај (53дег); трансформирај: ротирај (53дег);

Стилинг .елемент5 ::

# гмаил-лого2 .елемент5 :: бефоре цонтент: "; поситион: релативе; маргин: 115пк 0 0 125пк; флоат: лево; дисплаи: блоцк; бацкгроунд: ргб (201, 44, 25); видтх: 2пк; хеигхт: 150пк; -моз-трансформ: ротате (55дег); -о-трансформ: ротате (55дег); -вебкит-трансформ: ротате (55дег); трансформ: ротате (55дег);

Стилинг .елемент5 :: афтер

 # гмаил-лого2 .елемент5 :: афтер поситион: релативе; цонтент: "; маргин: 115пк 0 0 150пк; флоат: лефт; дисплаи: блоцк; бацкгроунд: ргб (201, 44, 25); видтх: 2пк; хеигхт: 150пк; -моз-трансформ: ротате (-50дег); - вебкит-трансформ: ротате (-50дег); -о-трансформ: ротате (-50дег); трансформ: ротате (-50дег);

Подешавање приоритета з-индек.

 # гмаил-лого2 .елемент1 :: бефоре з-индек: 3; # гмаил-лого2 .елемент1 :: афтер з-индек: 1; / * # гмаил-лого2 .елемент2 :: бефоре  * / # гмаил-лого2 .елемент2 :: афтер з-индек: 2; # гмаил-лого2 .елемент3 :: пред з-индек: 5; # гмаил-лого2 .елемент3 :: афтер з-индек: 1; # гмаил-лого2 .елемент4 :: пред з-индек: 4; # гмаил-лого2 .елемент4 :: после з-индек: 3; / * # гмаил-лого2 .елемент5 :: пред  # гмаил- лого2 .елемент5 :: афтер  * /

Скоро смо готови. Ваш Гмаил логотип би требао изгледати овако:

Коначно, дајте му другачију боју када се окреће.

 # гмаил-лого2: ховер * :: афтер, # гмаил-лого2: ховер * :: бефоре бацкгроунд: ргба (20, 196, 7, 1);  # гмаил-лого2: ховер .елемент1 :: бефоре бок-схадов: -1пк 1пк 0 ргб (10, 90, 4), -2пк 2пк 0 ргб (10, 90, 4), -3пк 3пк 0 ргб (10 , 90, 4), -4пк 4пк 0 ргб (10, 90, 4), -5пк 5пк 0 ргб (10, 90, 4), -6пк 6пк 0 ргб (10, 90, 4); -вебкит-бок-схадов: -1пк 1пк 0 ргб (10, 90, 4), -2пк 2пк 0 ргб (10, 90, 4), -3пк 3пк 0 ргб (10, 90, 4), -4пк 4пк 0 ргб (10, 90, 4), -5пк 5пк 0 ргб (10, 90, 4), -6пк 6пк 0 ргб (10, 90, 4); -моз-бок-схадов: -1пк 1пк 0 ргб (10, 90, 4), -2пк 2пк 0 ргб (10, 90, 4), -3пк 3пк 0 ргб (10, 90, 4), -4пк 4пк 0 ргб (10, 90, 4), -5пк 5пк 0 ргб (10, 90, 4), -6пк 6пк 0 ргб (10, 90, 4);  # гмаил-лого2: ховер .елемент1 :: афтер бок-схадов: -1пк 1пк 0 ргб (10, 90, 4), -2пк 2пк 0 ргб (10, 90, 4), -3пк 3пк 0 ргб (10 , 90, 4), -4пк 4пк 0 ргб (10, 90, 4), -5пк 5пк 0 ргб (10, 90, 4), -6пк 6пк 0 ргб (10, 90, 4), -6пк 7пк 0 ргб (10, 90, 4); -моз-бок-схадов: -1пк 1пк 0 ргб (10, 90, 4), -2пк 2пк 0 ргб (10, 90, 4), -3пк 3пк 0 ргб (10, 90, 4), -4пк 4пк 0 ргб (10, 90, 4), -5пк 5пк 0 ргб (10, 90, 4), -6пк 6пк 0 ргб (10, 90, 4), -6пк 7пк 0 ргб (10, 90, 4); -вебкит-бок-схадов: -1пк 1пк 0 ргб (10, 90, 4), -2пк 2пк 0 ргб (10, 90, 4), -3пк 3пк 0 ргб (10, 90, 4), -4пк 4пк 0 ргб (10, 90, 4), -5пк 5пк 0 ргб (10, 90, 4), -6пк 6пк 0 ргб (10, 90, 4), -6пк 7пк 0 ргб (10, 90, 4);  # гмаил-лого2: ховер .елемент2 :: бефоре бок-схадов: 0 1пк 0 ргб (10, 90, 4), 0 2пк 0 ргб (10, 90, 4), 0 3пк 0 ргб (10, 90, 4), 0 4пк 0 ргб (10, 90, 4), 0 5пк 0 ргб (10, 90, 4), -6пк 6пк 0 ргб (10, 90, 4); -вебкит-бок-схадов: 0 1пк 0 ргб (10, 90, 4), 0 2пк 0 ргб (10, 90, 4), 0 3пк 0 ргб (10, 90, 4), 0 4пк 0 ргб (10, 90, 4), 0 5пк 0 ргб (10, 90, 4), -6пк 6пк 0 ргб (10, 90, 4); -моз-бок-схадов: 0 1пк 0 ргб (10, 90, 4), 0 2пк 0 ргб (10, 90, 4), 0 3пк 0 ргб (10, 90, 4), 0 4пк 0 ргб (10, 90, 4), 0 5пк 0 ргб (10, 90, 4), -6пк 6пк 0 ргб (10, 90, 4);  # гмаил-лого2: ховер .елемент2 :: афтер бок-схадов: 0 1пк 0 ргб (10, 90, 4), 0 2пк 0 ргб (10, 90, 4), 0 3пк 0 ргб (10, 90, 4), 0 4пк 0 ргб (10, 90, 4), 0 5пк 0 ргб (10, 90, 4), -6пк 6пк 0 ргб (10, 90, 4); -вебкит-бок-схадов: 0 1пк 0 ргб (10, 90, 4), 0 2пк 0 ргб (10, 90, 4), 0 3пк 0 ргб (10, 90, 4), 0 4пк 0 ргб (10, 90, 4), 0 5пк 0 ргб (10, 90, 4), -6пк 6пк 0 ргб (10, 90, 4); -моз-бок-схадов: 0 1пк 0 ргб (10, 90, 4), 0 2пк 0 ргб (10, 90, 4), 0 3пк 0 ргб (10, 90, 4), 0 4пк 0 ргб (10, 90, 4), 0 5пк 0 ргб (10, 90, 4), -6пк 6пк 0 ргб (10, 90, 4);  # гмаил-лого2: ховер .елемент3 :: афтер бок-схадов: 0 1пк 0 ргб (10, 90, 4), 0 2пк 0 ргб (10, 90, 4), 0 3пк 0 ргб (10, 90, 4), 0 4пк 0 ргб (10, 90, 4), 0 5пк 0 ргб (10, 90, 4), -6пк 6пк 0 ргб (10, 90, 4); -вебкит-бок-схадов: 0 1пк 0 ргб (10, 90, 4), 0 2пк 0 ргб (10, 90, 4), 0 3пк 0 ргб (10, 90, 4), 0 4пк 0 ргб (10, 90, 4), 0 5пк 0 ргб (10, 90, 4), -6пк 6пк 0 ргб (10, 90, 4); -моз-бок-схадов: 0 1пк 0 ргб (10, 90, 4), 0 2пк 0 ргб (10, 90, 4), 0 3пк 0 ргб (10, 90, 4), 0 4пк 0 ргб (10, 90, 4), 0 5пк 0 ргб (10, 90, 4), -6пк 6пк 0 ргб (10, 90, 4);  # гмаил-лого2: ховер .елемент4 :: бефоре бок-схадов: -1пк 0 0 ргб (10, 90, 4), -2пк 0 0 ргб (10, 90, 4), -3пк 0 0 ргб , 90, 4), -4пк 0 0 ргб (10, 90, 4), -5пк 0 0 ргб (10, 90, 4), -6пк 0 0 ргб (10, 90, 4), -7пк 0 0 ргб (10, 90, 4), -8пк 0 0 ргб (10, 90, 4); -моз-бок-схадов: -1пк 0 0 ргб (10, 90, 4), -2пк 0 0 ргб (10, 90, 4), -3пк 0 0 ргб (10, 90, 4), -4пк 0 ргб (10, 90, 4), -5пк 0 0 ргб (10, 90, 4), -6пк 0 0 ргб (10, 90, 4), -7пк 0 0 ргб (10, 90, 4), -8пк 0 0 ргб (10, 90, 4); -вебкит-бок-схадов: -1пк 0 0 ргб (10, 90, 4), -2пк 0 0 ргб (10, 90, 4), -3пк 0 0 ргб (10, 90, 4), -4пк 0 ргб (10, 90, 4), -5пк 0 0 ргб (10, 90, 4), -6пк 0 0 ргб (10, 90, 4), -7пк 0 0 ргб (10, 90, 4), -8пк 0 0 ргб (10, 90, 4); 

Преглед | Преузмите изворну датотеку

Напомена уредника: Овај пост је написао / ла Ирхам Кендени фор Хонгкиат.цом. Ирхам, такође познат као Индаам, је веб дизајнер и програмер из Индонезије. Он такође воли развој ЦСС и ВордПресс тема.