Форум — Мне определённо нужна помощь
Форум » Техническое » Функционал сайта » Мне определённо нужна помощь
Создатель: Fandorin Fandorin
Дата: 22:17 16.02.2023
Сообщений: 1
Мне определённо нужна помощь
Fandorin Fandorin 22:17 16.02.2023

Вопрос короткий и, может быть, даже нерешаемый, однако всё же стоит задать его. Я хотел бы использовать для оформления возникающие фрагменты текста, сейчас приведу ниже пример:

А

Б

В

Г

Д

[[module CSS]]
.box-appear {
width: 0;
height: 0;
overflow: hidden;
-webkit-animation: ani-appear 1ms forwards;
animation: ani-appear 1ms forwards;}
@keyframes ani-appear {
0% {  width: 0;
height: 0; }
100% {
width: auto;
height: auto; }
}
.box-disappear {
width: auto;
height: auto;
overflow: hidden;
-webkit-animation: ani-disappear 1ms forwards;
animation: ani-disappear 1ms forwards;}
@keyframes ani-disappear {
0% { width: auto;
height: auto; }
100% { width: 0;
height: 0; }}
span.box-appear,
span.box-disappear {display: inline-block;}
[[/module]]

Можно ли удалить между ними интервалы в строку? Пожалуйста, если есть те, кто разбирается, помогите разобраться. Большое спасибо.

P.S. И ещё хотелось бы узнать, как можно создать всплывающий фрагмент текста в одной строке с обычным. Обычно команда [div] переносит текст в новую строку, а это не совсем то, что мне нужно.

P.S.S. Работало в черновике. Наверное, я опять налажал.

Re: Мне определённо нужна помощь
ParussMan ParussMan 02:22 17.02.2023

Вы не налажали, просто на форуме отключено оформление в целях безопасности. По вашему вопросу: попробуйте использовать span вместо div. То есть что-то типа

[[span class="box-appear"]] ТЕКСТ [[/span]].
Re: Re: Мне определённо нужна помощь
Fandorin Fandorin 08:27 17.02.2023

Сработало! Спасибо!

Re: Re: Re: Мне определённо нужна помощь
ParussMan ParussMan 08:48 17.02.2023

Не за что. Обращайтесь если будут ещё какие-то вопросы, касающиеся оформления.

версия страницы: 2, Последняя правка: 20 Сен. 2023, 00:24 (459 дней назад)
Пока не указано иное, содержимое этой страницы распространяется по лицензии Creative Commons Attribution-ShareAlike 3.0 License.