1、html 2、css 3、效果图 程序员兼职
原创 2021-12-28 14:14:25
1390阅读
效果图:text-stroke实现该属性是一个复合属性,可以设置文字宽度和文字颜色该属性使用很简单:text-stroke:1px #f00;(1px是文字宽度,#ff是文字颜色)本以为该属性的兼容性会及时止住我微微上扬的嘴角,随后逐渐凝固但出乎意料的是大多浏览器已经开始支持该属性,只需要加上前缀-webkit-即可text-stroke-文字没有添加添加了字体text-sha
原创 2021-05-19 20:54:07
722阅读
<div class="letter">开始游戏</div>.letter{ width: 200px; height: 100px; text-align: center; line-height: 100px; background: rgb(255, 200, 42); font-size: 36px; font-weight: 400; z-inde
原创 2022-03-25 11:12:54
1179阅读
在 iOS 开发中,CSS 的实现常常会面临一些特定问题。本文将详细记录解决“CSS iOS”问题的完整过程,从问题背景到根因分析,再到解决方案和验证测试,最后提供预防优化建议。 ### 问题背景 在一个多平台的移动应用中,我们的设计团队希望在 iOS 版本中为某些界面元素添加 CSS 效果以增强视觉层次感。用户期望在高分辨率的 iOS 设备上看到清晰、鲜明的效果。然而,初始实
原创 6月前
84阅读
一、介绍最近在一个项目的宣传页中,设计师使用了文字效果,之前我确实没有实现过文字的效果,然后我在查阅资料后,知道了实现方法。文字分为两种:内外双和单外,也就是指在给文字加上效果后,的方向是向内外同时占用文字空间还是只向外扩充文字空间的区别。 二、具体代码1、文字内外双效果这种效果相当于内外同时占用相同的宽度,只需要借助一个css属性:text-st
Unity 2D外一、前言二、Shader内容2.1 初版shader2.2 效果2.3 分析2.4 优化2.4.1 优化边缘接近透明的像素2.4.2 优化掉if2.4.3 增加亮度三、完整代码 一、前言今天,我们来实现一个2D外的效果。外:即在边缘透明像素周围加上一层,不占用原来的像素。 思路:我们可以在片元着色器实现此效果,当一个像素本身不是透明的(alpha>0),那
转载 2024-09-25 14:01:35
1232阅读
: 主流浏览器都支持-webkit-text-stroke:<length> <color>;-webkit-text-stroke:4px pink;/*宽度4px,字体颜色粉红*/倒影:谷歌、safari、opera支持,火狐不支持-webkit-box-reflect:<
原创 2022-03-01 10:38:38
932阅读
: 主流浏览器都支持-webkit-text-stroke:<length> <color>;-webkit-text-stroke:4px pink;/*宽度4px,字体颜色粉红*/倒影:谷歌、safari、opera支持,火狐不支持-webkit-box-reflect:<left|right|top|bottom> <length>;-webkit-box-reflect:left 4px;/*倒影方向座 和倒影间距4px*/.
原创 2021-08-07 09:55:30
1565阅读
# CSS中的文字外技术在iOS中的应用 在iOS开发中,用户界面设计是至关重要的一环。为了提升用户体验,开发者常常需要使用一些简单而有效的视觉效果。其中,文字外(Text Outline)是一种常用的技术,它可以提高文字的可读性,并使界面更具吸引力。在本篇文章中,我们将探讨如何使用CSS来实现文字外效果,并提供相应的代码示例和流程图。 ## 文字外的原理 文字外的核心是
原创 2024-10-21 05:18:20
160阅读
charset="UTF-8">     type="text/css">   #wrap{width: 250px;height: 250px;position: relative;margin: 30px auto;   transition: all 10s ease-in-out;   transform-style: pr
原创 2022-03-28 16:12:52
486阅读
charset="UTF-8">     type="text/css">   #wrap{width: 250px;height: 250px;position: relative;margin: 30px auto;   transition: all 10s ease-in-out;   transform-style: pr
原创 2021-06-30 11:48:25
1135阅读
为了庆祝粉丝过100。哈哈哈哈哈哈哈,我决定更新一波。已经快一个月没有写东西啦。懒死算了。这次又写个AI画法的教程。之前也写过一次,但是我觉得画法不够规范,最近学过一些新的知识,总结整理一下。(对之前有兴趣的请移步到这)【矢量插画】教学篇【矢量插画】教学篇步骤之前也写过,大概就是这些,细微调整。步骤:草图(这一步是必不可少的,是将你的想法记录下来。)AI软件勾。(用钢笔+矩形工具)修(我把修勾
不得不爱过渡(CSS3)案例过渡(CSS3)过渡(transition)是CSS3中具有颠覆性的特征之一,我们可以在不使用 Flash 动画或 JavaScript 的情况下,当元素从一种样式变换为另一种样式时为元素添加效果。过渡动画: 是从一个状态 渐渐的过渡到另外一个状态帧动画:通过一帧一帧的画面按照固定顺序和速度播放。
原创 2020-07-15 10:21:01
2202阅读
Sketch Mac是一款为设计师量身定做的优美界面和强大工具兼有的专业绘图工具。能够满足网页、用户界面、图标等的设计需求。 Sketch是一款为设计师量身定做的优美界面和强大工具兼有的专业绘图工具。制作出漂亮的图形是一件很有挑战性的事情,你所需要的是一款精心设计的应用 程序。此次小编带大家了解基本功能使用方法。印象最深刻的就数电影《超能陆战队》了,片中的Baymax让人印象尤为深刻。大白胖子在面
本节将演示如何使用脚本,给选区添加效果。首先创建一个空白的脚本文档,并保存在硬盘上某个位置。首先创建一个空白的脚本文档,并保存在硬盘上某个位置。接着输入脚本代码: //定义一个变量[region],表示一定范围的区域。它的值是四个点的坐标。 var region = [[50,50],[150,50],[150,150],[50,150]]; //定义一个变量[type],表示选择的类型。当
转载 2024-07-23 07:05:35
86阅读
设计师选择了一个字体“汉仪细行楷简”,计算机本身并没有这个字体,需要下载下来才可以展示给用户。这
转载 2022-05-27 07:24:16
847阅读
如果丘处机没有路过牛家村,中国将是最发达国家 如果丘处机没有路过牛家村,中国将是最发达国家
转载 2012-05-14 13:52:00
150阅读
2评论
1.canvas画布的大小canvas默认的大小是 300*150。 通过操作width/height属性可以设置画布的大小,属性值只能是具体是像素值,而不能是百分比。 提示:给canvas设置边框就可以看见他的大小了。注意:css样式里面width/height只是将画布整体缩放而已(连同画布的坐标),并不是设置画布的大小。<body> <div class="box"
转载 2024-01-30 20:42:03
193阅读
CSS3过渡效果(CSS3)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">\
原创 2022-10-20 10:05:50
2155阅读
概述,在卡通渲染中是一个非常重要的主题。目前比较流行的方法有两种:一种是基于后处理的,这种方式相对不容易定制,适用于对复杂场景的;一种是过程式,通过两次绘制,一次绘制本体,一次绘制。 本文主要介绍第二种方式,在《GUILTY GEAR Xrd》中称其为Back Facing法。一、基本的实现基本思路是通过两次绘制,一次绘制本体,一次绘制。这里就有个问题,两次
  • 1
  • 2
  • 3
  • 4
  • 5