Тема: filter: ...;
Показать сообщение отдельно
  #1 (permalink)  
Старый 11.06.2020, 22:45
Интересующийся
Отправить личное сообщение для ABitOfJS Посмотреть профиль Найти все сообщения от ABitOfJS
 
Регистрация: 15.05.2020
Сообщений: 16

filter: ...;
Здравствуйте! Совсем недавно услышал о таком css-свойстве - filter. Есть вопрос по моему коду:
<!DOCTYPE html>
<html>
<head>
<style>
#block {
width: 100px;
height: 100px;
border: 1px solid black;
background: green;
}
</style>
<script>
function darktheme() {
document.getElementById(block).style.filter = 'invert(100%)';
}
</script>
</head>
<body>
<div id="block"></div>
<input type="button" id="dark" onclick="darktheme()">
</body>
</html>

Вроде всё написано хорошо, но неужели filter работает только с изображениями? Нету ли альтернативы этому С$$-свойству?
Вопрос второй. Допустим, есть альтернатива filter'y. А как тогда сохранить "фильтрованную" позицию div в localStorage? Там жеж функция, не переменная...
Ответить с цитированием