[ilidilid]哔哩哔哩(真)镜像站

2022-5-16 18:45| 发布者: Hocassian| 查看: 71| 评论: 0|原作者: 神代綺凜

摘要:
C:\Users\Administrator\Downloads\神代綺凜\2019-10-15-14-34-56-19827323349500-文章归档 - 神代綺凜の萌化小基地-采集的数据-后羿采集器.html

标题

[ilidilid] 哔哩哔哩(真)镜像站

标题链接

https://moe.best/gotagota/ilidilid.html

正文

跟你们说,这个CSS,敲好玩得(然并卵

ilidilid

http://www.ilidilid.com/

前几天这玩意在我各个Q群里轮了一遍

点开一看,确实蛮有意思的,xswl

笑的同时我也很好奇这是怎么做到的,于是耐不住寂寞F12看了一下

研究一下

一开始我以为是用js做到的,但是我看了下页面结构,整个页面就<body>里有一个反代b站的<iframe>,下面一段js脚本

然后稍微看了下js脚本,都是些无关紧要的操作

瞬间反应过来这应该是CSS,但是我确实没有印象有哪个CSS属性可以做到镜像效果的

于是看了看<head>部分的CSS,然后马上就注意到了……

哇哦!负……负1

只能说自己技艺不精了,写了一年的CSS都没能想到这种操作

也就是说,实际上这个CSS只是利用X轴缩放比例为-1,把整个<iframe>的左右给反过来了

关于transform的知识可以看
https://www.runoob.com/cssref/css3-pr-transform.html

实践一下

于是紧接着我又加了个scaleY(-1),这回真的反了

新知识GET

搬瓦工VPS优惠套餐,建站稳如狗,支持支付宝,循环出账94折优惠码BWH26FXH3HIQ
年付$28CN2线路,1核/512M内存/10G硬盘/500GB@1Gbps【点击购买】(经常售罄,请抓紧机会)
年付$47CN2线路,1核/1G内存/20G硬盘/1T@1Gbps【点击购买
最后修改:2018 年 02 月 24 日 02 : 21 PM
如果觉得我的文章对你有用,请随意赞赏

文章信息

中二病患者: 神代綺凜  发布时间:2018 年 02 月 21 日  9484 次浏览   10 条评论  827 字数 分类: 杂七杂八的


路过

雷人

握手

鲜花

鸡蛋

最新评论

返回顶部