{"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"]}]}
|
