【二次元的CSS】—— CSS3画的能换频道的电视机（合集）

最新推荐文章于 2021-08-03 22:14:15 发布

转载最新推荐文章于 2021-08-03 22:14:15 发布 · 305 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://segmentfault.com/a/1190000005185023

帮大家回忆一下，小时候的电视机。每到星期二的下午，总是这个图案。

GitHub传送门：https://github.com/lancer07/css3TV

这次分2步来做，先画电视机，再画《没有信号》的界面。好像也没什么难点，纯体力活。

这次绝笔之作中，把之前所有用css3画的东西都放进电视机里了。所以电视机是可以切换频道的。

图片描述

这次不贴代码了，有点多。有兴趣的同学就fork一下，看看源码好了。

收工

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_33976072

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

HTML5和CSS3 WEB技术开发

张晨光老师的播客

01-02

7297

B站视频参考：https://www.bilibili.com/video/BV1H44y1k7ze/[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Uwbid43Z-1672665963237)(asseits/image-20210831212039584.png)]HTML:超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一个应用。 HTML 不是一种编程语言（C、Java、python、R等），而是一种标记语言 (markup

HTML+CSS大作业——二次元漫画(8页) 漫画网页设计制作简单静态HTML网页作品我的漫画网页作业成品学生漫画网站模板

qq_524614081的博客

04-24

3109

HTML5期末大作业：漫画网站设计——二次元漫画(8页) 漫画网页设计制作简单静态HTML网页作品我的漫画网页作业成品学生漫画网站模板常见网页设计作业题材有个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可

参与评论您还未登录，请先登录后发表或查看评论

复古的旧电视机CSS3特效

06-24

复古的旧电视机CSS3特效是一款纯CSS3实现的黑灰色旧电视机图形特效。

css电视适配,CSS3 巨大的投影电视屏幕

weixin_39616216的博客

08-03

532

CSS语言：CSSSCSS确定/*Add Compass*//*Let's begin styling*/body {background: #000;}.wrapper {width: 1324px;height: 750px;margin: 50px auto;}.bg,.fg,.block {position: absolute;}.bg {z-index: 1;}.fg {z-index:...

html模仿电视机效果,[转载] 利用css制作电视雪花屏特效

weixin_31620365的博客

06-05

887

1.编写html文件Tv Noise Effect2.制作噪点图片打开PS，新建一张图片(这里选择设置图片像素大小为400x400)。设置图片背景色为黑色，点确定。1.png选择添加杂色滤镜2.png调节数量为120，选择高斯分布，勾选单色，点确定。(数量指的是该滤镜添加的杂色数量，原本背景为黑色，数量越大越多杂色会替换掉黑色。在勾选单色的情况下，可以理解成数量越大对比度越高)3.png按下键盘 ...

js+css3模拟电视机信号不稳定图像画面故障动画特效

06-10

js+css3模拟电视机信号不稳定图像画面故障动画特效，css3基于transform属性制作的图片抖动闪烁动画效果。

基于HTML5、CSS3和JavaScript的二次元风格个人主页设计源码

09-24

基于HTML5、CSS3和JavaScript的二次元风格个人主页设计源码，采用了现代网页开发的三大核心技术——HTML5、CSS3和JavaScript。这套技术组合不仅为开发者提供了丰富的界面元素和样式表现能力，还允许使用脚本语言实现...

基于CSS的ACGN风格的二次元简洁美观登录页面设计源码

09-26

ACGN风格的登录页面设计成为了许多二次元社区、论坛和网站的重要组成部分，它不仅能够迎合目标用户群体的审美喜好，还能在视觉上为用户带来独特的体验。本项目提供了一套基于CSS设计的二次元风格登录页面源码，这套...

基于Java、JavaScript、CSS和HTML技术的二次元论坛设计源码

02-17

在本项目中，JavaScript文件共有3个，它们负责实现前端用户界面的交互逻辑，比如实时更新帖子列表、弹出式消息提示等，提升了用户的使用体验。JavaScript与HTML和CSS结合，使得论坛界面不仅美观而且响应迅速。 CSS...

jquery css3交互式菜单电视墙特效

10-10

jquery css3交互式菜单电视墙特效

简单前端html、css和js好看二次元个人导航页

07-29

同时，CSS Flexbox或Grid可以帮助我们实现响应式布局，确保页面在不同设备上都能良好显示。然后，JavaScript是让网页动态化的关键。它可以处理用户的交互，如点击事件、滚动效果等。在二次元导航页中，我们可能...

css 遥控器界面,智能电视用户体验设计之遥控器篇

weixin_31282049的博客

08-03

1141

今天有请负责智能电视APP设计一年半的@卜卜胡萝卜1992 给大家分享一些实用的设计经验，科普智能电视用户体验的基础知识。接上一篇继续探讨问题，本篇关于遥控器。那种一大条上面都是按钮的遥控器在互联网电视时代已经没有地位，现在不管是哪个品牌的电视，其遥控器上都有必有的8个按键：上／下／左／右／确定／返回／菜单／主页。一般厂商都会有自己单独的快捷键，乐视有Le键，暴风TV有Biu键，康佳有呼Bar键。...

要在个人网站上创建一个电视面板效果，通常涉及到使用HTML、CSS和JavaScript来模拟一个电视屏幕及其交互

BLOG域名:programb.blog.youkuaiyun.com

07-08

636

要在个人网站上创建一个电视面板效果，通常涉及到使用HTML、CSS和JavaScript来模拟一个电视屏幕及其交互。你可以根据需要调整CSS样式和JavaScript逻辑，以适应你的个人网站设计和功能需求。例如，你可以添加更多的交互效果、动画、或者调整电视面板的尺寸和外观等。），你可以替换成你自己的电视屏幕图片。电视边框位于电视屏幕的底部，模拟了真实电视的外观。），当点击时，它会切换电视屏幕的显示状态（显示或隐藏）。电视屏幕使用了一个背景图像（JavaScript部分 (在这个示例中，我们创建了一个。

小彩灯特效 html+css

你好呀，很高兴你在看这里~

03-06

3984

效果：实现： 1. 添加标签，可以看出一个 li 就是一个灯泡，可以多点，保证设置大小后整体能大过浏览器默认可视区宽度。 <ul class="container"> <li></li> <li></li> <li></li> <li></li> <li></li> <l

【二次元的CSS】—— 用 DIV + CSS3 画Hello Kitty（详解步骤）

weixin_34411563的博客

05-13

737

原本自己也想画Hello Kitty，正巧看到一位外国友人Lauren McConachie（她的个人网站： http://lorenai.com。）也用相同的方法画了。且细节相当到位。在此我也分享一下。（出于尊重原作者的目的，CSS我就不修改了） GitHub传送门：https://github.com/lancer07/css3H...

CSS3实现的4种水波特效