选项的呼吸灯动画效果（旁边有个一闪一烁的点）是否好做？

景霖 2022-09-22 449 浏览问题模块：开放讨论问题

目前程序设计了一种选项选中变化的效果：呼吸灯（就是选中这个选项后选项旁边出现一个一闪一烁的点示意你选中了这个选项）

不知道这种呼吸灯效果怎么做？是否好做呢？

回答关注问题邀请回答

收藏

扫描小程序码分享
 复制链接

关闭

请选择投诉理由

广告内容

违法违规

恶意灌水内容

其他

删除当前帖子

删除后帖子内容及评论将一并被删除，且不可恢复。

删除取消

关闭

确定删除？

删除后不可恢复

取消确定

关闭

关注“微信开放社区”公众号

关注后，可在微信内接收相应的重要提醒。

请使用微信扫描二维码关注 “微信开放社区” 公众号

关闭

反馈

<div style="text-align:center;margin-top:20px;"><button class="btn btn-primary">确定</button><button class="btn btn-default" style="margin-left:20px;">取消</button></div></div></div></div></div></div></div></div><div class="anwser__area"><div class="answer_container"><div class="anwser__hd"><p class="anwser__title">2 个回答</p></div><div id="comment-list" class=" anwsers__list"><div class="answer_container"><div class="post_comment_area"><ul class="post_comment_list"><li itemprop="answer" itemscope="itemscope" itemtype="http://schema.org/Answer" id="0004a440154d30024b9e912de5b0" class="widget_comment js_post_comment_item post_comment_item "><meta check-reduce="" itemprop="image"/><meta check-reduce="" itemprop="upvoteCount" content="0"/><meta check-reduce="" itemprop="url" content="https://developers.weixin.qq.com/community/develop/doc/0008ec341bcb5011489e4a61b5b800?jumpto=comment&commentid=0004a440154d30024b9e912de5b0"/><meta check-reduce="" itemprop="dateCreated" content="Thu Sep 22 2022 19:52:14 GMT+0800 (China Standard Time)"/><meta check-reduce="" itemprop="dateModified" content="Thu Sep 22 2022 19:52:14 GMT+0800 (China Standard Time)"/><meta check-reduce="" itemprop="commentCount" content="0"/><a href="/community/personal/oCJUsw73Dj_2S0WTw45WNYMz9DV0" target="_blank" class="post_comment_owner"><span class="popover__box popover_appreciate popover__box_hide" data-v-0a980b96=""><span class="popover_target"><div class="post_comment_owner_avatar"><img src="https://wx.qlogo.cn/mmhead/FMajU52WvbER2Z59WYQ7chsaUSb9I8CjrKPxjSq76DgGwQheK0icEvw/64" alt="Charlie" class="post_comment_owner_avatar_image"/></div><strong data-component-identifier="replybox__nick_name" class="post_comment_owner_nickname">Charlie</strong></span></span></a><div class="checking_state_new"></div><span class="post_comment_pos"><span check-reduce="" class="post_comment_time">2022-09-22</span></span><div check-reduce="" class="post_comment_editor_area comment_editor_box" style=";"><div class="post_comment_content post_editor_box"><div class="mode__rich-text-editor mode__rich-text-editor__normal"><div class="mode__rich-text-editor__header mode__rich-text-editor__header__normal"><div class="mode__rich-text-editor__header__extend"/><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__bold"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__bold ql-bold"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>加粗</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__red"><button value="red" class="mode__rich-text-editor__icon mode__rich-text-editor__icon__red ql-red"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>标红</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__ql-code-block"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__code-block ql-code-block"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>插入代码</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__ql-link"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__link ql-link"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>插入链接</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__ql-image"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__image ql-image"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>插入图片</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__ql-video"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__video ql-video"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>上传视频</p></span></div></div><div class="mode__rich-text-editor__body" style=";"/><div class="mode__rich-text-editor__body" style="display:;"><div> 请 <a>登录</a> 后发表内容 </div></div><div class="dialog_wrapper dialog_with_head" style=";"><div class="dialog_wrp_new dialog_component" style="width:600px;"><div class="dialog"><a href="javascript:;" class="icon16_opr closed pop_closed">关闭</a><div class="dialog_hd"><h3>新增或编辑超链接</h3></div><div class="dialog_bd"><div class="frm_control_group"><label for="" class="frm_label">链接地址</label><div class="frm_controls"><span class="frm_input_box"><input type="text" value="https://" class="frm_input"/></span></div></div></div><div class="dialog_ft"><a href="javascript:;" class="btn btn_info">确认</a><a href="javascript:;" class="btn btn_default">取消</a></div></div></div></div><div class="dialog_wrapper dialog__insert-video dialog_with_head" style=";"><div class="dialog_wrp_new dialog_component" style="width:600px;"><div class="dialog"><a href="javascript:;" class="icon16_opr closed pop_closed">关闭</a><div class="dialog_hd"><h3>插入视频</h3></div><div class="dialog_bd"><div class="frm_control_group"><label for="" class="frm_label">视频链接</label><div class="frm_controls"><span class="frm_input_box"><input type="text" placeholder="仅支持插入腾讯视频" value="" class="frm_input"/></span></div></div></div><div class="dialog_ft"><a href="javascript:;" class="btn btn_info">确认</a><a href="javascript:;" class="btn btn_default">取消</a></div></div></div></div></div><div class="tool_bar tr"><a href="javascript:;" class="btn btn_primary edui-default">发表</a></div></div></div><div itemprop="text" class="post_comment_content" style="display:;"><p>css3 呼吸灯效果</p><p><a onclick="window.open('/community/middlepage/href?href=https%3A%2F%2Fcodepen.io%2FBeiyu%2Fpen%2FabpLOvV', '_blank').location; return false;" href="https://codepen.io/Beiyu/pen/abpLOvV" rel="noopener noreferrer" target="_blank">https://codepen.io/Beiyu/pen/abpLOvV</a></p><p><a onclick="window.open('/community/middlepage/href?href=https%3A%2F%2Fblog.csdn.net%2Fweixin_44198965%2Farticle%2Fdetails%2F110264930', '_blank').location; return false;" href="https://blog.csdn.net/weixin_44198965/article/details/110264930" rel="noopener noreferrer" target="_blank">https://blog.csdn.net/weixin_44198965/article/details/110264930</a></p></div><div itemprop="text" class="post_comment_content" style=";"><p>你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。</p><a href="javascript:;" disabled="disabled" class="btn btn_default" style="margin: 12px 0; color: #999">待楼主反馈</a></div><div class="post_comment_info" style="display:;"><div class="mobile_post_comment_info_hd"><div class="mobile_post_comment_time">2022-09-22</div></div><div class="post_comment_opr"><div data-component-identifier="comment-like" class="best_comment_agree click "><div class="comment_topic_agree"><i class="icon_post_opr icon_topic_unagree"/>有用 </div></div><div class="best_comment_unagree"><div class="comment_topic_agree"><i class="icon_post_opr icon_topic_unagree"/></div></div><div class="js_comment best_comment_discuss"><i class="icon_post_opr discuss"/><span check-reduce="" class="post_opr_wording">回复 </span></div></div></div><div check-reduce="" class="dialog_wrapper page_mode_dialog_complain dialog_with_head" style=";"><div class="dialog_wrp_new dialog_component"><div class="dialog"><a href="javascript:;" class="icon16_opr closed pop_closed">关闭</a><div class="dialog_hd"><h3>请选择投诉理由</h3></div><div class="dialog_bd"><div class="dialog_complain_list"><div class="mod_access"><ul class="access_list"><li class="access_list_item access_list_item_hasMore"><div class="access_list_item_head">广告内容</div></li><li class="access_list_item access_list_item_hasMore"><div class="access_list_item_head">违法违规</div></li><li class="access_list_item access_list_item_hasMore"><div class="access_list_item_head">恶意灌水内容</div></li><li class="access_list_item access_list_item_hasMore"><div class="access_list_item_head">其他</div></li></ul></div></div></div></div></div></div><div></div><div></div></li><li itemprop="answer" itemscope="itemscope" itemtype="http://schema.org/Answer" id="000c06fe43c7c0114a9ea10b85b4" class="widget_comment js_post_comment_item post_comment_item "><meta check-reduce="" itemprop="image"/><meta check-reduce="" itemprop="upvoteCount" content="0"/><meta check-reduce="" itemprop="url" content="https://developers.weixin.qq.com/community/develop/doc/0008ec341bcb5011489e4a61b5b800?jumpto=comment&commentid=000c06fe43c7c0114a9ea10b85b4"/><meta check-reduce="" itemprop="dateCreated" content="Thu Sep 22 2022 18:37:10 GMT+0800 (China Standard Time)"/><meta check-reduce="" itemprop="dateModified" content="Thu Sep 22 2022 18:37:10 GMT+0800 (China Standard Time)"/><meta check-reduce="" itemprop="commentCount" content="0"/><a href="/community/personal/sq_oNhQX0Z5Co8mMAyjAaAxEGMETGp8" target="_blank" class="post_comment_owner"><span class="popover__box popover_appreciate popover__box_hide" data-v-0a980b96=""><span class="popover_target"><div class="post_comment_owner_avatar"><img src="https://mmbiz.qpic.cn/mmbiz_png/UDa9R1yl9UYxOyaueJNhR97abiaRyBkBvSUVnZj5neyqwHZP2AQs2C9aF6BUicdUfvYCQW642YmYRbek70xVulLQ/0?wx_fmt=png" alt="跨商通" class="post_comment_owner_avatar_image"/></div><strong data-component-identifier="replybox__nick_name" class="post_comment_owner_nickname">跨商通</strong></span></span></a><div class="checking_state_new"><span title="企业用户" class="cy_new"/><span class="ic_contributer"/></div><span class="post_comment_pos"><span check-reduce="" class="post_comment_time">2022-09-22</span></span><div check-reduce="" class="post_comment_editor_area comment_editor_box" style=";"><div class="post_comment_content post_editor_box"><div class="mode__rich-text-editor mode__rich-text-editor__normal"><div class="mode__rich-text-editor__header mode__rich-text-editor__header__normal"><div class="mode__rich-text-editor__header__extend"/><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__bold"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__bold ql-bold"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>加粗</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__red"><button value="red" class="mode__rich-text-editor__icon mode__rich-text-editor__icon__red ql-red"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>标红</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__ql-code-block"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__code-block ql-code-block"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>插入代码</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__ql-link"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__link ql-link"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>插入链接</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__ql-image"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__image ql-image"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>插入图片</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__ql-video"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__video ql-video"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>上传视频</p></span></div></div><div class="mode__rich-text-editor__body" style=";"/><div class="mode__rich-text-editor__body" style="display:;"><div>

置顶 选项的呼吸灯动画效果（旁边有个一闪一烁的点）是否好做？ 精选 热门

请选择投诉理由

删除当前帖子

删除后帖子内容及评论将一并被删除，且不可恢复。

关注“微信开放社区”公众号

反馈

选项的呼吸灯动画效果（旁边有个一闪一烁的点）是否好做？