1、HTML代码<!DOCTYPE html> <html lang="cn"> <head> <meta charset="UTF-8"> <title>瓜娃子</title> <meta name="viewport" content="width=device-width,initial-scal
//显示 $("#dv1").show(); //隐藏 $("#dv1").hide(); //显示or隐藏 //淡入 $("#dv1").fadeIn(); //淡出 $("#dv1").fadeOut(); //淡入or淡出 $("#dv1").fadeToggle(); //下滑 $("#dv ...
转载 2021-08-15 14:22:00
107阅读
2评论
2参数,样式,时间$(this).animate({top:"100px","opacity": "0"},1000)3参数,样式,时间,返回$(this).animate({top:"100px"},1000,function(){..}) Read More
转载 2013-09-02 16:04:00
194阅读
2评论
百度云盘demo下载 提取密码:qjxx *{margin:0;padding:0;list-style:none;}.divao.png) 0 0;}.div2{margin:100px auto;width:242px;height:137px;b
原创 2022-07-22 09:50:07
99阅读
height: 24px; //约束图标大小background:url(images2/bg.png) no-repeat; //图标背景background-position:0 -24px; //图标的位置鼠标放到图标上 百度一下你就知道上浮 功能的实现<!DOCTYPE html><html lang="en">    <head>    <...
css
原创 2021-07-05 13:38:25
211阅读
样式教丑,只是个 Demo,可根据实际情况调整。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>jq轮播</title> <style> #lun { width: 80%; height: 400...
原创 2021-09-09 14:20:10
164阅读
样式教丑,只是个 Demo,可根据实际情况调整。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>jq轮播</title> <style> #lun { width: 80%; height: 400...
原创 2022-03-04 11:22:53
142阅读
 PS:Jquery实现星星评价!!!   Jquery代码:    <script type="text/javascript">     $(document).ready(function(){         $(".jsstar &gt
原创 2013-04-06 18:35:54
857阅读
1点赞
<html><head><meta http-equ
原创 2023-06-26 22:18:46
25阅读
构建live 2d的web samplelive2d介绍live2d的官网在: live2d, 提供中、英、韩版本的文档,就在官网左上角可以改变语言模式。 在百度上:Live2D是一种应用于电子游戏的绘图渲染技术,技术由日本Cybernoids公司开发。通过一系列的连续图像和人物建模来生成一种类似三维模型的二维图像,对于以动画风格为主的冒险游戏来说非常有用,缺点是Live 2D人物无法大幅度转身,
前言按钮,对开发者而言,是非常常见的一个功能。前端通常会对按钮加入一些操作交互样式,增加一些用户体验。比如:hover样式、点击样式、loading样式等。下面我们通过简单示例在学习一下css3动画css伪类。示例一 <button class="btn-1">按钮一</button> <style> button{ position: r
<style>#div1{ width:200px; height:200px; background:red;}#div2{ width:200px; height:200px; background:red; margin-top:10px;}</style><body><input type="button" value="点击" id="input1"><div id="div1
原创 2022-07-22 09:43:42
410阅读
目录Lottie能做什么Lottie 动画使用调用流程Json字段介绍解析为LottieComposition资料总结一、Lottie能做什么在实现动画方面,原生的方式开发成本比较高,airbnb开源的lottie有Android、iOS、RN等多个版本的支持,设计师通过AE设计好动画后,通过AE插件Bodymovin导出json和素材文件。可以上 https://lottiefiles
转载 2024-05-10 00:29:38
61阅读
# 使用CSS变量实现iOS样式 ## 介绍 在iOS开发中,我们通常使用Objective-C或Swift编写代码来创建用户界面,并使用CSS来定义样式。然而,iOS原生的样式定义不支持CSS变量。本文将介绍如何通过一些技巧来实现在iOS应用中使用CSS变量。 ## 流程 下面是实现iOS支持CSS变量的流程: | 步骤 | 描述 | | --- | --- | | 1 | 创建一个C
原创 2023-10-15 04:24:20
74阅读
动画是使元素从一种样式逐渐变化为另一种样式的效果。通过 CSS3,能够创建动画,这可以在许多网页中取代动画图片、Flash 动画以及 JavaScript。 如需在 CSS3 中创建动画,需要学习 @keyframes 规则。 @keyframes 规则用于创建动画。在 @keyframes 中规定某项 CSS 样式,就能创建由当前样式逐渐改为新样式的动画效果。通过 animation 相关动画
转载 2024-03-16 08:06:01
250阅读
      CSS动画就是通过CSS (Cascading Style Sheet,层叠样式表)代码搭建的网页动画。它允许设计师和开发人员通过编辑网站的CSS代码来添加页面动画,从而轻松取代传统动画图片或flash动画的设计方式。      transition(过渡)和animation(动画)是CSS3中的两种动画属性。 
转载 2020-08-12 06:18:00
410阅读
css()  $(‘div').css(‘width’,’100px’)  设置单一样式比较简单的写法可以连写   $(‘div’).css(‘width’,’100px’).css(‘height’,’100px’).attr(…..)$(‘div').css({width:'100px',height:'100px',backgroundColor:’red'});    
原创 2021-06-30 10:09:55
225阅读
$(‘div').css({width:'100px',height:'100px',backgroundColor:’red'});    
原创 2022-03-28 16:07:46
60阅读
何为动画 我们眼前所看到图像正在以每秒60次的频率刷新,由于刷新频率很高,因此你感觉不到它在刷新。而动画本质就是要让人眼看到图像被刷新而引起变化的视觉效果,这个变化要以连贯的、平滑的方式进行过渡。 css Transitions transition: property duration timin
转载 2020-10-19 16:34:00
311阅读
12点赞
3评论
CSS 动画是通过定义关键帧和动画属性,为元素添加过渡效果,使其能够在网页中实现动画效果。以下是关于 CSS 动画的基础知识和常见用法。1. CSS 过渡(Transitions)CSS 过渡效果使属性变化在一定时间内平滑地发生。基本语法element { transition: property duration timing-function delay; }示例:.button {
原创 精选 2024-06-17 10:14:39
439阅读
  • 1
  • 2
  • 3
  • 4
  • 5