Просто идея или взлома.
div {
background-color: blue;
width: 10%;
transition: background-color 0.5s, width 0.5s;
font-size: 0;
}
div:hover {
width: 20%;
background-color: red;
}
img {
width: 100%;
height: auto;
visibility: hidden;
}
<div>
<!-- use an image with target aspect ratio. sample is a square -->
<img src="http://i.imgur.com/9OPnZNk.png" />
</div>
Я думаю, что заметки в Википедии по этому довольно хорошо резюмируют:
Первоначальная концепция дизайна интерфейса сокета различалась между типы протоколов (семейства) и конкретные типы адресов, которые каждый может использовать. Предполагалось, что семейство протоколов может иметь несколько типов адресов. Типы адресов определялись дополнительными символическими константами с использованием префикса
AF_
вместоPF_
. ИдентификаторыAF_
предназначены для всех структур данных, которые конкретно имеют дело с типом адреса, а не семейством протоколов. Однако эта концепция разделения протокола и типа адреса не нашла поддержки в реализации, и константыAF_
просто определялись соответствующим идентификатором протокола, делая различие междуAF_
и] PF_
константа - технический аргумент, не имеющий существенного практического значения. Действительно, существует большая путаница в правильном использовании обеих форм.
Даже если бы кто-то сегодня придумал причину, чтобы что-то изменить, ему пришлось бы придумать новые идентификаторы, иначе так много всего сломалось бы ...