2016-08-02 4 views
1

Изображения для справки:Как достигается эффект размытия альбома в iTunes?

Blurred background 1

Blurred background 2

С нажав вокруг на других альбомах, кажется, что искусство альбома, возможно, увеличено на, а затем помутнение маска наносится поверх? Кто-нибудь знает, как достигается такой эффект? Это действительно красивая комбинация размытия и прозрачности.

ответ

1

Вот jsfiddle с примером:

(Вершина является эффект размытия, а нижняя исходное изображение)

https://jsfiddle.net/LmyepLac/

полезная часть:

-webkit-filter: blur(20px); 
    -moz-filter: blur(20px); 
    -o-filter: blur(20px); 
    -ms-filter: blur(20px); 
    filter: blur(20px); 

Чтобы создать эффект размытия, можно изменить с 20 пикселей в соответствии с вашими потребностями :)

+0

Вскоре заголовки будут удалены, и вам нужно будет использовать 'filter'. – haykam

+0

Обновленный пример: https://jsfiddle.net/LmyepLac/1/ –

+0

@peanut да, это правда, спасибо :) –