花潮电视

马黑黑

HUACHAO TV

马黑黑

这个是可以把视频放电视里的，有兴趣的自己放。代码：

1. <style>
   
2. .tvOuter {
   
3.         margin: 20px auto 0;
   
4.         width: 720px;
   
5.         height: 520px;
   
6.         border-radius: 3px;
   
7.         background: rgba(0,0,0,.85);
   
8.         box-shadow: 0px 0px 2px 4px #000;
   
9.         position: relative;
   
10. }
    
11. .tvOuter::before, .tvOuter::after {
    
12.         position: absolute;
    
13.         content: '';
    
14.         width: 30px;
    
15.         height: 30px;
    
16.         top: 100%;
    
17.         left: 20%;
    
18.         background: inherit;
    
19.         clip-path: polygon(10% 100%,50% 0%,90% 100%,70% 100%,50% 30%,30% 100%);
    
20. }
    
21. .tvOuter::after { left: 80%;}
    
22. .tvInner {
    
23.         position: absolute;
    
24.         width: 100%;
    
25.         height: 100%;
    
26.         background: linear-gradient(lightgreen,olive);
    
27.         font: bold 80px / 520px sans-serif;
    
28.         text-align: center;
    
29.         color: rgba(0,200,0,.75);
    
30.         text-shadow: 2px 2px 4px rgba(0,0,0,.5);
    
31. }
    
32. .tvInner img { position: absolute; border-radius: 50%; top: 20px; left: 20px; display: none; }
    
33. </style>
    
34. 
    
35. <div class="tvOuter">
    
36.         <div class="tvInner">
    
37.                 HUACHAO TV
    
38.                 <img id="dl" src="/uc_server/data/avatar/000/00/42/93_avatar_middle.jpg" alt="" />
    
39.         </div>
    
40. </div>
    
41. 
    
42. <script>
    
43. 
    
44. let dl = document.querySelector('#dl');
    
45. let tvi = document.querySelector('.tvInner');
    
46. 
    
47. tvi.onmouseover = function(){
    
48.         dl.style.display ='block';
    
49. }
    
50. 
    
51. tvi.onmouseout = function(){
    
52.         dl.style.display ='none';
    
53. }
    
54. 
    
55. </script>

复制代码

梦油

黑黑朋友晚上好！这个制作如果学会了一定大有用武之地，或将自己制作的小视频放进去那才开心呢。

东篱闲人

这是啥破玩意？也没有节目啊？把俺放电视里干嘛？电着俺可咋整？

马黑黑

东篱闲人 发表于 2022-5-10 20:23
这是啥破玩意？也没有节目啊？把俺放电视里干嘛？电着俺可咋整？

代言人

马黑黑

梦油 发表于 2022-5-10 20:23
黑黑朋友晚上好！这个制作如果学会了一定大有用武之地，或将自己制作的小视频放进去那才开心呢。

这个队长会做的

马黑黑

醉美水芙蓉 发表于 2022-5-10 20:15
欣赏学习老师教程！

东篱闲人

马黑黑 发表于 2022-5-10 20:30
代言人

电着俺，讹死你。。。。

大猫咪

哈哈   花潮电视台开播了    老黑好创意   

小辣椒

黑黑，这个可以做全屏电视了

马黑黑

小辣椒 发表于 2022-5-10 20:41
黑黑，这个可以做全屏电视了

超窄边框

马黑黑

东篱闲人 发表于 2022-5-10 20:33
电着俺，讹诈你。。。。

电视机的点都是温柔的电，电电更健康，电电更长寿

东篱闲人

马黑黑 发表于 2022-5-10 20:43
电视机的点都是温柔的电，电电更健康，电电更长寿

给钱。。。。

马黑黑

大猫咪 发表于 2022-5-10 20:36
哈哈   花潮电视台开播了    老黑好创意

嗯嗯，本来还真想闹点玩着，后面还是克制一下下。这不，东篱都怕被电了

马黑黑

东篱闲人 发表于 2022-5-10 20:43
给钱。。。。

谢谢，随便给点就行了，不客气的

东篱闲人

马黑黑 发表于 2022-5-10 20:44
谢谢，随便给点就行了，不客气的

反碰瓷啊？

马黑黑

东篱闲人 发表于 2022-5-10 20:46
反碰瓷啊？

这个必须的。你以为上电视免费呀

梦油

马黑黑 发表于 2022-5-10 20:31
这个队长会做的

好啊，我看看。

马黑黑

梦油 发表于 2022-5-10 20:58
好啊，我看看。

耐心等待