文字 - web秀

#文字#

共找到文字相关内容 12 条

用css画出一个圆圈，里面有个叉号（不能用英文字母x）

4年前

545580 3294 0

用css3实现伪3D的文字效果

4年前

545445 3318 0

[css] 使用css3画一个26个英文字母的旋转动画特效

3年前

545652 3291 0

6年前

调用百度API，文字转语音

调用百度API，文字转语音

前言文字转语音，运用在什么场景了？一般后台管理系统会用到，提示管理员有“新的订单”、“新的任务”等等，管理员可以马上收到，并及时处理。就好比，在餐厅，经常会听到“你有新的订单”。下面就来看看是如何做到的。示例首先我们需要用到百度API,百度演示地址。javascript实现起来其实很简单，请看functionaudioPlay(text){varzhText=text;zhText=encodeURI(zhText);varaudio="<audioautoplay=\"autoplay\">

558674 3773 0

5年前

CSS实用技巧第一讲：文字处理

CSS实用技巧第一讲：文字处理

前言作为程序猿的我们，书写代码也需要大量的技巧。一份良好的代码能让人耳目一新，让人容易理解，同时也让自己成就感满满。因此，在这里简单的整理一些CSS开发技巧，希望能让你写出耳目一新、容易理解、舒服自然的代码。本小结主要是围绕css对文字处理的技巧，有兴趣的小伙伴可以收藏一下。文本对齐方式CSS最常用的对齐方式，居中对齐、左对齐（默认）、右对齐，而且实现起来也是非常的简单。如下：p{text-align:center;text-align:left;text-align:right;}但是两端对齐你有用过吗

554824 3666 0

4年前

vue实现文字表情同时输入的方法

vue实现文字表情同时输入的方法

在我们使用聊天工具进行聊天的时候经常会用到表情符号，有时我们会需要将文字与表情混输，本文就来为大家介绍一下使用vue实现文字表情混输的方法。实现思路利用div的contenteditable属性,让div可编辑绑定ref属性，用于操作输入框元素图片点击时，获取图片地址，使用require转换图片地址创建img标签，赋值转换好的图片地址从refs对象中获取到输入框元素，赋值创建好的img标签实现过程声明div可编辑，监听回车键事件，关闭拼写检查，绑定ref方便获取当前元素<divclass="inpu

546958 3239 0

2年前

巧用滤镜实现高级感拉满的文字快闪切换效果

巧用滤镜实现高级感拉满的文字快闪切换效果

今天偶然看到这样一类很有意思的文字快闪动画：这类文字快闪切换效果运用得当的话，能比较好的吸引用户的眼球。当然，今天并非是想用CSS实现上述的的效果。在尝试的过程中，我发现了另外一类能够使用CSS非常轻松实现文字快闪动画，运用了blur()滤镜和contrast()滤镜产生的融合效果，类似于这样：这个技巧也在多篇文章就提及，本文再简述下。blur滤镜混合contrast滤镜产生融合效果本文的重点，模糊滤镜叠加对比度滤镜产生的融合效果。单独将两个滤镜拿出来，它们的作用分别是：filter:blur()：给图像

546595 3373 0

2年前

妙用 background 实现花式文字效果

妙用 background 实现花式文字效果

本文将讲解如何利用background系列属性，巧妙的实现一些花式的文字效果。通过本文，你将可以学到：通过background-size与background-position实现酷炫的文字下划线效果通过background-size与background-position以及background-clip实现文字逐个渐现的效果起因写本文的动机是在于，某天，被这样一个标题所吸引--10MasterfullyDesignedWebsites，其中列举了10个极具创意的Web网站。其中一个RedBullRac

545085 3241 0

2年前

CSS 文字装饰 text-decoration & text-emphasis

CSS 文字装饰 text-decoration & text-emphasis

在CSS中，文字算是我们天天会打交道的一大类了，有了文字，则必不可少一些文字装饰。本文将讲讲两个比较新的文字装饰的概念text-decoration与text-emphasis，在最后，还会讲解使用background模拟文字下划线的一些有趣的动效。text-decoration文字装饰text-decoration意为文字装饰，在很早的规范CSSLevel2(Revision1)--text-decoration就已经存在了。譬如我们非常熟知的下划线text-decoration:underline。p

545464 3333 0

2年前

妙啊！CSS动画还可以这样控制？

妙啊！CSS动画还可以这样控制？

今天，有在群里看到这样一个问题：有一个动画，一开始静止处于第一帧，只在用户hover的时候运行动画，在运行一次后停止，并且停留在最后一帧，使用CSS可以完成么？像是这样：一个非常有意思的问题，答案是可以的。我们抽取一下其中的关键点：动画只运行一次，未运行前处于第一帧，运行完后处于最后一帧动画通过hover驱动，只有用户hover元素的时候，动画才进行animation-fill-mode控制元素在各个阶段的状态首先，动画只运行一次，未运行前处于第一帧，运行完后处于最后一帧。这个刚好利用CSS动画的anim

546363 3247 0

下拉加载更多