简单记录 -慕课网- 步骤一:抖音风格字体效果 案例:抖音风格的字体特效. 实现这个 需要设置 网页背景颜色 字体颜色 字体大小 文本阴影 重点介绍如何设置文本阴影 CSS的文本阴影text-shadow属性 无扩散的阴影:text-shadow: 水平偏移量 垂直偏移量 颜色:例如:text-shadow: -1px -3px #ff00de 三个参数 阴影颜色 水平偏移量 垂直偏移量 扩散阴影 :text-shadow: 水平偏移量 垂直偏移量 模糊半径 颜色 ; 例如:text-shado…

font-family的调用方法: font-family:Arial,'Times New Roman','Microsoft YaHei',SimHei; font:bold 12px/.75em Arial,'Times New Roman','Microsoft YaHei',SimHei; 根据font-family的原则,假如客户终端不认识前面的字体,就自动切换到第二种字体,第二种不认识就切换到第三种,以此类推.假如都不能识别就调用默认字体 根据font-family的字体调用原则,…

font-family的调用方法: div { font-family:Arial,'Times New Roman','Microsoft YaHei',SimHei; font:bold 12px/0.75em Arial,'Times New Roman','Microsoft YaHei',SimHei; } 依据font-family的原则,假如客户终端不认识前面的字体,就自己主动切换到另外一种字体,另外一种不认识就切换到第三种,以此类推.假如都不能识别就调用默认字体 依据font-f…

一.项目简介 uni-liveShow是一个基于vue+uni-app技术开发的集小视频/IM聊天/直播等功能于一体的微直播项目.界面仿制抖音|火山小视频/陌陌直播,支持编译到多端(H5.小程序.App端) 且兼容效果一致. 二.效果预览 在H5.小程序.App端测试效果如下:(后续大图均为APP端) 三.使用技术 编码器+技术:HBuilderX + vue/NVue/uniapp/vuex iconfont图标:阿里字体图标库 自定义导航栏 + 底部Tabbar 弹窗组件:uniPop(un…

CSS 字体属性定义文本的字体系列.大小.加粗.风格(如斜体)和变形(如小型大写字母). 参考:http://www.w3school.com.cn/css/css_font.asp CSS字体系列 5种通用字体系列: ① Serif 字体 ② Sans-serif 字体 ③ Monospace 字体 ④ Cursive 字体 ⑤ Fantasy 字体 指定字体系类 p {font-family: Times, TimesNR, 'New Century Schoolbook', Georgia…

文本阴影介绍 在CSS中使用text-shadow属性设置文本阴影,该属性一共有4个属性值如:水平阴影.垂直阴影.(清晰度或模糊距离).阴影颜色. text-shadow属性值说明,在文本阴影实践中:第一个值是设置阴影水平方向移动,第二个值是设置阴影垂直方向移动,第三个值是设置阴影模糊距离,第四个值是设置阴影颜色. text-shadow属性值可以设置为负数. 文本可以设置多个阴影以逗号分隔即可. text-shadow: 1px 2px 3px red ,1px 2px 6px rebecca…

故障艺术,英文名称叫glitch,在很多赛博朋克作品中经常看到,其实就是故意表现一种显示设备的小故障效果,抖音的图标其实就是这种的效果,我们看下这个图标 这个图标中的红色和蓝色的偏移其实就是一种故障艺术,看到这个,我就能想到早年我家还没有有线电视时,摇天线对电视信号的场景,信号一差就是对着电视一阵拳打脚踢,现在看到这种艺术效果颇为怀念. 某甲:为啥我没遇到过这种场景? 我:你把手里的平板扔地上就能看到了. 某甲:(土豪动作完成)我摔了,咋还没看到呢 我:我就打个比方,你何必当真... 某甲:我一…

本文所有教程及源码.软件仅为技术研究.不涉及计算机信息系统功能的删除.修改.增加.干扰,更不会影响计算机信息系统的正常运行.不得将代码用于非法用途,如侵立删! 抖音web端 s_v_web_id 参数生成分析与实现 操作环境 win10 Python3.9 分析 s_v_web_id 作用:web端使用滑块后的s_v_web_id 参数可以实现免signature验证 s_v_web_id 生成:在验证码中间页的html中的fp参数就是s_v_web_id 详细介绍这边就不在赘述,可以参考下玺佬…

TouchButton 一个类似抖音 APP 拍摄按钮效果的控件 效果图预览 用法 <net.angrycode.library.TouchButton android:id="@+id/touch_btn" android:layout_width="85dp" android:layout_height="85dp" android:layout_centerInParent="true" app:tb_anim_p…

text-shadow还没有出现时,大家在网页设计中阴影一般都是用photoshop做成图片,现在有了css3可以直接使用text-shadow属性来指定阴影.这个属性可以有两个作用,产生阴影和模糊主体.这样在不使用图片时能给文字增加质感. text-shadow曾经在css2中就出现过,但在css2.1版本中又被抛弃了,现在css3.0版本又重新捡回来了.这说明text-shadow这个属性非常值得我们做前端的人员重视.现在很多项目中,css3有很多属性被前端工程师们使用了,我在前面也分别介绍…