{"remainingRequest":"D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\源码\\vue-element-admin-master\\src\\components\\TextHoverEffect\\Mallki.vue?vue&type=style&index=0&lang=css&","dependencies":[{"path":"D:\\源码\\vue-element-admin-master\\src\\components\\TextHoverEffect\\Mallki.vue","mtime":1649647926000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKLyogTWFsbGtpICovCgoubGluay0tbWFsbGtpIHsKICBmb250LXdlaWdodDogODAwOwogIGNvbG9yOiAjNGRkOWQ1OwogIGZvbnQtZmFtaWx5OiAnRG9zaXMnLCBzYW5zLXNlcmlmOwogIC13ZWJraXQtdHJhbnNpdGlvbjogY29sb3IgMC41cyAwLjI1czsKICB0cmFuc2l0aW9uOiBjb2xvciAwLjVzIDAuMjVzOwogIG92ZXJmbG93OiBoaWRkZW47CiAgcG9zaXRpb246IHJlbGF0aXZlOwogIGRpc3BsYXk6IGlubGluZS1ibG9jazsKICBsaW5lLWhlaWdodDogMTsKICBvdXRsaW5lOiBub25lOwogIHRleHQtZGVjb3JhdGlvbjogbm9uZTsKfQoKLmxpbmstLW1hbGxraTpob3ZlciB7CiAgLXdlYmtpdC10cmFuc2l0aW9uOiBub25lOwogIHRyYW5zaXRpb246IG5vbmU7CiAgY29sb3I6IHRyYW5zcGFyZW50Owp9CgoubGluay0tbWFsbGtpOjpiZWZvcmUgewogIGNvbnRlbnQ6ICcnOwogIHdpZHRoOiAxMDAlOwogIGhlaWdodDogNnB4OwogIG1hcmdpbjogLTNweCAwIDAgMDsKICBiYWNrZ3JvdW5kOiAjMzg4OGZhOwogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICBsZWZ0OiAwOwogIHRvcDogNTAlOwogIC13ZWJraXQtdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtMTAwJSwgMCwgMCk7CiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtMTAwJSwgMCwgMCk7CiAgLXdlYmtpdC10cmFuc2l0aW9uOiAtd2Via2l0LXRyYW5zZm9ybSAwLjRzOwogIHRyYW5zaXRpb246IHRyYW5zZm9ybSAwLjRzOwogIC13ZWJraXQtdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGN1YmljLWJlemllcigwLjcsIDAsIDAuMywgMSk7CiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGN1YmljLWJlemllcigwLjcsIDAsIDAuMywgMSk7Cn0KCi5saW5rLS1tYWxsa2k6aG92ZXI6OmJlZm9yZSB7CiAgLXdlYmtpdC10cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDEwMCUsIDAsIDApOwogIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMTAwJSwgMCwgMCk7Cn0KCi5saW5rLS1tYWxsa2kgc3BhbiB7CiAgcG9zaXRpb246IGFic29sdXRlOwogIGhlaWdodDogNTAlOwogIHdpZHRoOiAxMDAlOwogIGxlZnQ6IDA7CiAgdG9wOiAwOwogIG92ZXJmbG93OiBoaWRkZW47Cn0KCi5saW5rLS1tYWxsa2kgc3Bhbjo6YmVmb3JlIHsKICBjb250ZW50OiBhdHRyKGRhdGEtbGV0dGVycyk7CiAgY29sb3I6IHJlZDsKICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgbGVmdDogMDsKICB3aWR0aDogMTAwJTsKICBjb2xvcjogIzM4ODhmYTsKICAtd2Via2l0LXRyYW5zaXRpb246IC13ZWJraXQtdHJhbnNmb3JtIDAuNXM7CiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuNXM7Cn0KCi5saW5rLS1tYWxsa2kgc3BhbjpudGgtY2hpbGQoMikgewogIHRvcDogNTAlOwp9CgoubGluay0tbWFsbGtpIHNwYW46Zmlyc3QtY2hpbGQ6OmJlZm9yZSB7CiAgdG9wOiAwOwogIC13ZWJraXQtdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAxMDAlLCAwKTsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsIDEwMCUsIDApOwp9CgoubGluay0tbWFsbGtpIHNwYW46bnRoLWNoaWxkKDIpOjpiZWZvcmUgewogIGJvdHRvbTogMDsKICAtd2Via2l0LXRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgLTEwMCUsIDApOwogIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgLTEwMCUsIDApOwp9CgoubGluay0tbWFsbGtpOmhvdmVyIHNwYW46OmJlZm9yZSB7CiAgLXdlYmtpdC10cmFuc2l0aW9uLWRlbGF5OiAwLjNzOwogIHRyYW5zaXRpb24tZGVsYXk6IDAuM3M7CiAgLXdlYmtpdC10cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsIDAsIDApOwogIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgMCwgMCk7CiAgLXdlYmtpdC10cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogY3ViaWMtYmV6aWVyKDAuMiwgMSwgMC4zLCAxKTsKICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogY3ViaWMtYmV6aWVyKDAuMiwgMSwgMC4zLCAxKTsKfQo="},{"version":3,"sources":["Mallki.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAwBA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"Mallki.vue","sourceRoot":"src/components/TextHoverEffect","sourcesContent":["<template>\n  <a :class=\"className\" class=\"link--mallki\" href=\"#\">\n    {{ text }}\n    <span :data-letters=\"text\" />\n    <span :data-letters=\"text\" />\n  </a>\n</template>\n\n<script>\nexport default {\n  props: {\n    className: {\n      type: String,\n      default: ''\n    },\n    text: {\n      type: String,\n      default: 'vue-element-admin'\n    }\n  }\n}\n</script>\n\n<style>\n/* Mallki */\n\n.link--mallki {\n  font-weight: 800;\n  color: #4dd9d5;\n  font-family: 'Dosis', sans-serif;\n  -webkit-transition: color 0.5s 0.25s;\n  transition: color 0.5s 0.25s;\n  overflow: hidden;\n  position: relative;\n  display: inline-block;\n  line-height: 1;\n  outline: none;\n  text-decoration: none;\n}\n\n.link--mallki:hover {\n  -webkit-transition: none;\n  transition: none;\n  color: transparent;\n}\n\n.link--mallki::before {\n  content: '';\n  width: 100%;\n  height: 6px;\n  margin: -3px 0 0 0;\n  background: #3888fa;\n  position: absolute;\n  left: 0;\n  top: 50%;\n  -webkit-transform: translate3d(-100%, 0, 0);\n  transform: translate3d(-100%, 0, 0);\n  -webkit-transition: -webkit-transform 0.4s;\n  transition: transform 0.4s;\n  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);\n  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);\n}\n\n.link--mallki:hover::before {\n  -webkit-transform: translate3d(100%, 0, 0);\n  transform: translate3d(100%, 0, 0);\n}\n\n.link--mallki span {\n  position: absolute;\n  height: 50%;\n  width: 100%;\n  left: 0;\n  top: 0;\n  overflow: hidden;\n}\n\n.link--mallki span::before {\n  content: attr(data-letters);\n  color: red;\n  position: absolute;\n  left: 0;\n  width: 100%;\n  color: #3888fa;\n  -webkit-transition: -webkit-transform 0.5s;\n  transition: transform 0.5s;\n}\n\n.link--mallki span:nth-child(2) {\n  top: 50%;\n}\n\n.link--mallki span:first-child::before {\n  top: 0;\n  -webkit-transform: translate3d(0, 100%, 0);\n  transform: translate3d(0, 100%, 0);\n}\n\n.link--mallki span:nth-child(2)::before {\n  bottom: 0;\n  -webkit-transform: translate3d(0, -100%, 0);\n  transform: translate3d(0, -100%, 0);\n}\n\n.link--mallki:hover span::before {\n  -webkit-transition-delay: 0.3s;\n  transition-delay: 0.3s;\n  -webkit-transform: translate3d(0, 0, 0);\n  transform: translate3d(0, 0, 0);\n  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);\n  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);\n}\n</style>\n"]}]}