【HTML+CSS】利用HTML+CSS打造一个3D立体视频播放功能

作者: 前端喵分类: 计算机技术 发布时间: 2020-04-02 22:33:24 浏览:47852 次

【HTML+CSS】利用HTML+CSS打造一个3D立体视频播放功能

前端喵:
源码分享 链接:https://pan.baidu.com/s/1NapCiGPIyXcaVWa41Irnbw 提取码:gtzr

【回复】不得不告诉你,有网站是可以执行和保存前端代码的亲。更何况,国内也有代码仓库,例如"码云"
【回复】回复 @飞龙project :github 不一定所有人能访问到的,国内有些地方对github是有限制访问的,所以才选了百度网盘
【回复】up可以放在GitHub上的,百度网盘还得打开应用,GitHub上一个clone就有了
用户b0:
教程很不错。非常新颖。下次应该顾及一下移动设备,把字体啥的稍微调大一些[点赞]

【回复】ok,下次我把代码字体调整大一点
一半意志很自律:
萌新想要问问,我刚刚学完了html和css,但是都是散装知识,让我看看得懂,但是想把自己心里想的表达出来还是很难,有什么办法可以进一步提升呢? [喜极而泣]

【回复】1. 仿一个B站首页 2. 仿一个网易云音乐列表页和播放页 3. 用原生的仿一个layui的系统 就差不多可以啦
【回复】其实我觉得html不用花太多时间去学,以后你用到的都是那些常用的,css可以多学一点,但是你是学不完的,建议还是学常用的,比如页面常见的布局(flex,grid),一些简单的动画效果之类,其他都是以后有时间主动学习,或者看见了顺便学习一下。不要花太多时间在这上面,毕竟前端还有很多东西,js(必学),jq(可以不用深入),前端框架,ui框架,算法等等
数不清的假动作:
本人是学jsp的,前后端都会。前后端我都喜欢,但是我更喜欢前端。因为前端的视觉冲击很直观,而后台虽然重要但是没有前端页面有美感。而且每次看到各个网站上的动画效果我真的好想学,我也想写出这样的效果。可能这就是对于一门语言的热情吧。

【回复】回复 @风心一 :只要HTML+CSS这一块的基础扎实,找个初级前端工程师的工作没问题的,能做到设计图的百分之九十还原度,找工作没问题的
【回复】回复 @前端喵 :你这句话真是鼓励了很多人啊
【回复】回复 @前端喵 :问一下up初级前端工程师工资大概多少
最后的乱射丶:
css中,.box>span的这个>是什么用的,我忘记了[囧]

【回复】比如.css div这个是.css下面的所有div,包括它子集的子集,.css > div这种只是.css的子集,.css + div指的是与.css这个元素平级的下一个元素,即兄弟选择
【回复】建议你去看一看sass,less,以后能用到
长长老师:
我以为我cssOK了,看完后,我觉得自己白学了

【回复】世界上没有任何人敢打包票说他能精通所有css,属性实在太多了
2persent:
好厉害啊,我才刚学,我对动画特别有兴趣,希望有天能创造自己想要的效果

Surgerl:
刚学HTML和css好厉害up主!都是些没学过的感觉

衷于栖:
up建议transform用matrix,你这样写的没有透视关系。[微笑]

【回复】我研究一下子,这个还真没用过呢,谢谢大佬
你素来是笨蛋:
html代码里面的视频文件换成别的也行吧,源码只要不变应该也能做出效果。

【回复】是的,视频不是关键,随意换都可以的
夷羊:
这个位置调整路子挺野的,以前没这么试过都是靠脑补[囧]

【回复】哈哈,这些参数我都没怎么记过的,纯靠chrome
前端喵:
后续会更新更多的以设计为主题的前端经验,欢迎大家来造

知识分享官 CSS HTML 3D HTML5 经验分享 WEB前端

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!