Early stages of a rotating icon module
This commit is contained in:
21
bubble/Rotating Icon/import.yaml
Normal file
21
bubble/Rotating Icon/import.yaml
Normal file
@ -0,0 +1,21 @@
|
||||
rotating_icon:
|
||||
name: Rotating Icon
|
||||
version: '0.1'
|
||||
creator: Tony Stork
|
||||
supported:
|
||||
- button
|
||||
- climate
|
||||
- media-player
|
||||
- pop-up
|
||||
- separator
|
||||
- horizontal-buttons-stack
|
||||
description: Simple, make the icon rotate when the config entity is on
|
||||
code: |-
|
||||
.bubble-icon {
|
||||
animation: ${state === 'on' ? 'slow-rotate 2s linear infinite' : ''};
|
||||
}
|
||||
@keyframes slow-rotate {
|
||||
0% { transform: rotate(0deg); }
|
||||
100% { transform: rotate(360deg); }
|
||||
}
|
||||
editor: ''
|
Reference in New Issue
Block a user