Результаты поиска по запросу "a class css"
Что это?:странный пост с 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>
Титры HTML/CSS версии
|||
text background gradient css
https://www.google.com/search?q=text+background+gradient+css
https://cssgradient.io/blog/css-gradient-text/
and
https://css-tricks.com/snippets/css/gradient-text/#comment-1600038
|||
text background gradient css shadow
https://www.google.com/search?q=text+background+gradient+css+shadow
https://stackoverflow.com/a/49706568
|||
И Я! ^-^
А то меня постоянно спрашивают: чево только в dev пишешь..
~_^
Вчора написав Сплиту
"
>Привет Сплит!
>Я загуглил как стилизировать текст в консоле браузера "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>
Титры HTML/CSS версии
|||
text background gradient css
https://www.google.com/search?q=text+background+gradient+css
https://cssgradient.io/blog/css-gradient-text/
and
https://css-tricks.com/snippets/css/gradient-text/#comment-1600038
|||
text background gradient css shadow
https://www.google.com/search?q=text+background+gradient+css+shadow
https://stackoverflow.com/a/49706568
|||
И Я! ^-^
А то меня постоянно спрашивают: чево только в dev пишешь..
~_^
в свете последних событий
И так , приступим ...
Был на митинге в эту субботу , мысли по этому поводу ниже.
Как же нас МАЛО!
Да пришло значительно больше чем хотелось бы власти , НО значительно меньше , чем могло ,
а точнее ДОЛЖНО было быть . Это же даже не 1/1000 ...
Народ в ,основном, был боеспособного возраста . пенсионеров были единицы ,
из совсем молодняка , только те , что пришли с родителями .
Провокаторы тоже были , чистенькие аккуратненькие , с постоянной организацией и связью по телефонам ,
с газетками и листовками , про фашистского толка . за власть .
В связи с этим всем хотелось бы провести . мААааленький психологический эксперимент ... ;)
Ситуация 1.
И так представьте , вы на работе или в гостях , да где угодно , вам комфортно .
Звонок.
Вам сообщают , что в вашем доме пожар .
Ваши действия ?
Продолжите работать ? Отдыхать ? Придумаете очередное ВАЖНОЕ дело ,
лишь бы не вставать ?
НУ ?!
ОТВЕТЬТЕ , сами себе , только честно .
Ситуация 2.
Вы на месте .
Броситесь тушить огонь ? Спасать детей или вещи ?
Или будите стоять в сторонке и наблюдать ?
Или вы приехали , а оказалось , что горит дом соседа ,
который всегда вас доставал ...
и вы просто веселитесь ...
Не зная , что ваш сын , дочь , как раз зашли к нему в гости ...
(Пассаж в сторону тех , кто думает , что пронесёт и его это НЕ коснётся ,
силовиков , на пример ... )
И так ПРЕДСТАВИЛИ ?
Хорошо представили ?
И ЧТО ?
9 к 1 , что в вашем сознании ВЫ действуете !
НЕ сидите на даче , а летите во всей дури ДОМОЙ !
НЕ стоите в стороне , а таскаете воду , помогаете пострадавшим !
Так что же вы , сейчас , НЕ можете проявить свою волю и просто оторвать жопу от дивана ?!
Показать , что ЕСТЬ критическая масса !
Послесловие.
Давайте ещё немножечко поэкспериментируем с сознанием ? ;)
Ситуация 3.
Вы внутри .
Огонь отрезал вас от выхода .
Пламя вокруг , но вы пока в безопасности .
с вами КОТ , или маленький ребёнок ...
Вы зажались в угол на полу , огонь медленно подбирается , от дыма дышать всё труднее ...
НАДО ВСТАТЬ !
И пройти через огонь !
Иначе вы СГОРИТЕ !
Да , будет больно , будут ожоги , НО!
Вы спасётесь , а ГЛАВНОЕ спасёте КОТА !
У вас будет будущее .
Вот выход , а не бесконечные отмазки , оттягивание неизбежного ,
и отговорки типа , кто будет моих детей растить , кормить ?
пока вы чего то там ждёте , вы уже ГОРИТЕ !
сами себя загоняя в тупик , сами воруете будущее у своего КОТА !
Послевкусие.
(лирическое отступление . Сейчас Янс , на пример ,мог бы задвинуть свою тему про побег ...
и в его словах есть смысл ...
НО .
одна мыслишка не даёт мне покоя ...
если Я не могу отстоять свой ДОМ здесь и сейчас , с чего бы это получилось потом ?
почему Я должен бежать из своего дома ?
почему Я должен в нем плохо жить ?
Или , вечный 3,14здабол Самокрут , расскажет нам невероятную историю о том , как
всё офигенно в современной России с лозунгом "грабь , насилуй , убивай"...)
P.s. Первый человек , которому мы врём , это МЫ сами ...
P.s.s. Перестаньте уже врать себе , достаточно выглянуть на улицу , что бы понять ...
НАШ ДОМ В ОГНЕ !
ПРОСНИТЕСЬ !
-Kantai-Collection-Anime-6162057.jpeg "Kaga (Kantai Collection),Kantai Collection,KanColle,Anime,Аниме,Akagi (Kantai Collection),Souryuu (Kantai Collection),hiryuu (kantai collection),Ye Fan,Naka (Kantai Collection),Hatsuharu (Kantai Collection),Janus (Kantai Collection),Янус,Hirato (Kantai Collection),Shinkaisei-kan,Wo-Class Aircraft")
-Kantai-Collection-Anime-6162058.jpeg "Kaga (Kantai Collection),Kantai Collection,KanColle,Anime,Аниме,Akagi (Kantai Collection),Souryuu (Kantai Collection),hiryuu (kantai collection),Ye Fan,Naka (Kantai Collection),Hatsuharu (Kantai Collection),Janus (Kantai Collection),Янус,Hirato (Kantai Collection),Shinkaisei-kan,Wo-Class Aircraft")
-Kantai-Collection-Anime-6162059.jpeg "Kaga (Kantai Collection),Kantai Collection,KanColle,Anime,Аниме,Akagi (Kantai Collection),Souryuu (Kantai Collection),hiryuu (kantai collection),Ye Fan,Naka (Kantai Collection),Hatsuharu (Kantai Collection),Janus (Kantai Collection),Янус,Hirato (Kantai Collection),Shinkaisei-kan,Wo-Class Aircraft")
-Kantai-Collection-Anime-6162060.jpeg "Kaga (Kantai Collection),Kantai Collection,KanColle,Anime,Аниме,Akagi (Kantai Collection),Souryuu (Kantai Collection),hiryuu (kantai collection),Ye Fan,Naka (Kantai Collection),Hatsuharu (Kantai Collection),Janus (Kantai Collection),Янус,Hirato (Kantai Collection),Shinkaisei-kan,Wo-Class Aircraft")
Здесь мы собираем самые интересные картинки, арты, комиксы, мемасики по теме a class css (+1000 постов - a class css)
