39

Ответ на пост «Любовь в python»3

<style>
.tits {
font-size: 120%;
text-align: center;
vertical-align: top;
width:200px;
height:100px;
}
.tit {
border:1px solid #fff5dc;
width: 97px;
height: 97px;
float: left;
border-radius: 50%;
box-shadow: inset 0px 10px 30px #fff5dc;
color:#fea5dc;
}
.tit_left {
margin: 0 1px 0 0;
}
.tit_right {
margin: 0 0 0 1px;
}
.nipple {
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #fee5dc;
}
.nipple_left {
position: relative;
top: 60px;
left: 30%;
}
.nipple_right {
position: relative;
top: 60px;
left: 50%;
}
</style>
<div class="tits">
<div class="tit tit_left"><div class="nipple nipple_left">&bull;</div></div>
<div class="tit tit_right"><div class="nipple nipple_right">&bull;</div></div>
</div>

Ответ на пост «Любовь в python»

IT-юмор

7.1K постов53.2K подписчиков

Правила сообщества

Не публикуем посты:
1) с большим количеством мата
2) с просьбами о помощи
3) не относящиеся к IT-юмору

Вы смотрите срез комментариев. Показать все
4
Автор поста оценил этот комментарий

чего-то они какие-то маленькие

Иллюстрация к комментарию
раскрыть ветку (4)
3
Автор поста оценил этот комментарий
.tits {
margin-top: 1vw;
font-size: 5vw;
text-align: center;
vertical-align: top;
width: 100%;
height: 50vw;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-evenly;
}
.tit {
border: 1px solid #fff5dc;
width: 48%;
height: 48vw;
float: left;
border-radius: 50%;
box-shadow: inset 0 10px 30px #fff5dc;
color:#fea5dc;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.nipple {
--rarius-nipple: 6vw;
width: var(--rarius-nipple);
height: var(--rarius-nipple);
border-radius: 50%;
background-color: #fee5dc;
display: flex;
justify-content: center;
align-items: center;
margin-top: 14vw;
}
.nipple_left {
margin-left: -4vw;
}
.nipple_right {
margin-right: -4vw;
}
<div class="tits">
<div class="tit"><div class="nipple nipple_left">&bull;</div></div>
<div class="tit"><div class="nipple nipple_right">&bull;</div></div>
</div>

Теперь размер адаптивный.

раскрыть ветку (1)
4
Автор поста оценил этот комментарий

Ееее ))) а у меня руки не дошли )) в таком виде можно и на git запостить )

2
Автор поста оценил этот комментарий
Разрешение поменяй )) код писал на неттопе, размером с кирпич )
раскрыть ветку (1)
2
Автор поста оценил этот комментарий
Надо не в пикселях а в % задавать)
Вы смотрите срез комментариев. Чтобы написать комментарий, перейдите к общему списку

Темы

Политика

Теги

Популярные авторы

Сообщества

18+

Теги

Популярные авторы

Сообщества

Игры

Теги

Популярные авторы

Сообщества

Юмор

Теги

Популярные авторы

Сообщества

Отношения

Теги

Популярные авторы

Сообщества

Здоровье

Теги

Популярные авторы

Сообщества

Путешествия

Теги

Популярные авторы

Сообщества

Спорт

Теги

Популярные авторы

Сообщества

Хобби

Теги

Популярные авторы

Сообщества

Сервис

Теги

Популярные авторы

Сообщества

Природа

Теги

Популярные авторы

Сообщества

Бизнес

Теги

Популярные авторы

Сообщества

Транспорт

Теги

Популярные авторы

Сообщества

Общение

Теги

Популярные авторы

Сообщества

Юриспруденция

Теги

Популярные авторы

Сообщества

Наука

Теги

Популярные авторы

Сообщества

IT

Теги

Популярные авторы

Сообщества

Животные

Теги

Популярные авторы

Сообщества

Кино и сериалы

Теги

Популярные авторы

Сообщества

Экономика

Теги

Популярные авторы

Сообщества

Кулинария

Теги

Популярные авторы

Сообщества

История

Теги

Популярные авторы

Сообщества