Add blur MFM syntax

2020-12-31 03:02:09 +09:00
parent e6705b1a65
commit 4ae172be57
4 changed files with 25 additions and 2 deletions
--- a/src/client/components/global/misskey-flavored-markdown.vue
+++ b/src/client/components/global/misskey-flavored-markdown.vue
@@ -14,6 +14,15 @@ export default defineComponent({
 </script>

 <style lang="scss">
+._mfm_blur_ {
+	filter: blur(6px);
+	transition: filter 0.3s;
+
+	&:hover {
+		filter: blur(0px);
+	}
+}
+
@keyframes mfm-spin {
 	0% { transform: rotate(0deg); }
 	100% { transform: rotate(360deg); }