css / смешные картинки и другие приколы: комиксы, гиф анимация, видео, лучший интеллектуальный юмор.

$Mu / / /nt-tnm/to: 'PtfJAúiá y 'Jrcíuc/ui /VIS Уеп/лпл-у Уа/инпЛу / .{ел/êr { Atetfíaaí шс/; гНм/лпУпе^; ÆéJ&vctcons: row; aStÿn-¿tener: center; ¿/Ш/У-content: JJaccocttireen; Wt: О ; -/¿/У/:- O i; eft: 0 :; - O O S О □ /О О О О О ОЗУ; /:/■: WO; frt^tâ/eouoae roce; пУ^/o-ttentr:$

Развернуть

Отличный комментарий!

$/Едина - [БуНусх'кты/Л^цжг ] --.\щ^о\ендылз8 4»jua Р< ддктора Понка E^ójss Кода П&ка Ммадкл Окно Пош^шош =Р « и & эт S. -t -{fJ 'Г « Í 8 N ^ ч = - *2: — Ч.Ш I *€ -Í '>Г >г чо U Er « 3 х »2 43 г 'г 'S ь “ «: -1_а = С -3 - '= '= о - U ' = N 'о М 2 -t V** . - < g £ >5$

Wave12.08.202419:18ссылка

+32.7

Комментарии 1112.08.202419:06ссылка26.7

jowaj36859

How to center a <div> lawful good neutral good chaotic good j flex margin: auto margin-left: 50% transform x: -50% lawful neutral true neutral chaotic neutral r "1 width:50% margin- left:25% ! : ; display: inline-block nbsp; nbsp; nbsp; lawful evil neutral evil chaotic evil <center> i ! •

Развернуть

Комментарии 1712.07.202403:29ссылка-1.7

djastas

Просто об устройстве фронтенда

it-юмор,geek,Прикольные гаджеты. Научный, инженерный и айтишный юмор,лестница,css,html

Развернуть

Комментарии 1414.01.202416:24ссылка41.7

Усатый хрен

World's Best ■ : is»« ä#i,it-юмор,geek,Прикольные гаджеты. Научный, инженерный и айтишный юмор,css,кубок,it humor,geek,css

Развернуть

Комментарии 1916.05.202316:30ссылка220.1

Samellan

Иногда и в Valve не справляются с CSS

Развернуть

Комментарии 215.09.202220:48ссылка-4.6

IONE

Что это?:странный пост с js кодом чтобы писать в консоль браузера радугой.

Вчора написав Сплиту
"
>Привет Сплит!

>Я загуглил как стилизировать текст в консоле браузера "style console.log"=>:
https://stackoverflow.com/questions/7505623/colors-in-javascript-console
И попробовал написать текст радугой, сначала собирался сделать пост ≈"Как написать генератор такого текста" но пока передумал...
Так как я не знаю когда это опубликую или использую,
вот тебе функция для вывода в консоли браузера "Привет Сплит!" радугой
*функция а не команда штоб без глобальных переменых.

(function(R){R="font-size:16px;font-weight:bold;color:";console.log("%cП"+"%cр"+"%cи"+"%cв"+"%cе"+"%cт"+"%c "+"%cС"+"%cп"+"%cл"+"%cи"+"%cт"+"%c!",R+"hsl(0,100%,50%)",R+"hsl(30,100%,50%)",R+"hsl(60,100%,50%)",R+"hsl(90,100%,50%)",R+"hsl(120,100%,50%)",R+"hsl(150,100%,50%)",R+"hsl(180,100%,50%)",R+"hsl(210,100%,50%)",R+"hsl(240,100%,50%)",R+"hsl(270,100%,50%)",R+"hsl(300,100%,50%)",R+"hsl(330,100%,50%)",R+"hsl(360,100%,50%)")})()"
И сразу подумал чё не мог генератор сразу скинуть? мелочность какаято, попробовал написать
вчера но чёт не получилось; ну а сегодня получилось!, в общем вот пост скопировав функцию из которого...
ВЫ!!! СМОЖЕТЕ!!!писать радугой!!! в консоль браузера!!!
^или нет =_=? o_= .-.

Код:
А нет сначала Лицензия : не использовать назло или для зла,
код придумал и написал IONE ,
код принимается "как есть" автор не несёт ответственности,
если всё да пользуйтесь этим кодом.
<script>
(function(text,BGColor,textArray,f,css1){
css1='font-size:16px;font-weight:900;background-color:'+BGColor+';padding:2px 0.5px;text-shadow:0 0 3px #777;color:';
textArray=[''];
for(f=0;f<text.length;f++)
textArray[0]+='%c'+text[f];
for(f=0;f<text.length;f++)
textArray[f+1]=css1+'hsl('+
Math.round(360/(text.length-1)*f)+
',100%,50%)';
console.log();
console.log.apply('',textArray);
console.log();
})("Сплите Привете!")//"text","background color"
</script>

Инструкция: можете сохранить(с расширением .htm или .html) и запустить как html файл через через веб браузер (ответ в консоле)
также можете запустить через:

*сохранив через old.reactor.cc/post/4757014 (new word.htm)
*или запустив через: https://jsfiddle.net/

Или скопировав саму функцию, опционально добавив ей имя и изменив выводимый текст...

Вторая серия...
А потом вместо приготовления еды подумал чё так сложно? просто фон градиентом нельзя было поставить...
Ответ: это работает не везде и у меня пока тоже не работает.
^Но из этого получилась html/css версия которою вы можете запускать как описано выше; Но без "new word.htm" так как он принимает пока только латиницу...

HTML/CSS версия
<center contenteditable><span style="font-size:32px;
background:linear-gradient(to right,#f00,#ff0,#0f0,#0ff,#00f,#f0f);
background-clip: text;
-webkit-text-fill-color:transparent;
filter:drop-shadow(0px 0px 3px #777);
font-weight:bold"
>"Замени этот текст на свой"<span></center>