Колеги.. имам проблем с гадния градиент на бордера в първата задача от 2-рото домашно по CSS.. Вече се чудя как да не сложа 4 дива с различни бордер колори и да стане .. Убих 3 часа в търсене на такова нещо и не и не .. Работя под Мозила!
Мисля че това е добър лек за проблема :) Link
Ако говориш за бордъра на вътрешният див - то това са си пет див-а с различен бордър (требва да изчислиш обаче радиуса добре). Иначе имаше вариант който работи само под Мозила за многоцветни рамки, но не съм сигурен как се прави.
Колега и аз доста се узорих на момента с бордерите, и от това което открих из нета се спрях на най-хамалското решение:просто 4 дива един в друг и им натъманяваш бордерите-не е толко трудно, колкото звучи. Иначе има и два други варианта, но там трябва да се играе с position-и и отстояния top,botom и т.н . Единия е с outline: на бордера и после outline-offset но това работи само на мозила, а другия пак зачукан вараиант е със селектори ::before i ::after на бордера да бутнеш още по един бордер отпред и отзад, това го ползвах за прозрачните мехурчета,чийто бордер има отстояние и няма как иначе да се направи според мен. Ето тоя пич тука е пуснал кратко разяснение ЦЪК.
П.С. За прословутите бордер радиуси, когато div-a не е кръг а овал голямото натъманяване е просто да му дадеш радиуса в пиксели, като ако div-a ти е широк примерно 100px, съответно бордерите отгоре и отдолу трябва да са на полина по 50px... и се получава доста приличен овал :)box-shadow:
0 0 0 2px #008000,
0 0 0 3px #4343ff,
0 0 0 5px #ffff00,
0 0 0 7px #4343ff;
4 цвята
Евала ;)
Братле първо това пробвах.. и не стана , това работи само за Backgrounds ;х