css3标签_开源鸿蒙跨平台开发者社区

css3

css div代码渐变色

本文展示了一个炫彩渐变卡片效果的HTML/CSS实现。通过conic-gradient创建360度锥形渐变背景，配合模糊滤镜和旋转动画形成动态光效。卡片采用圆角边框设计，包含React JS标题和"Learn More"按钮，整体呈现科技感的视觉效果。代码关键点包括：::after伪元素实现背景层、filter:blur()营造光晕效果、@keyframes控制渐变旋转动画，以

 亚轩啊
2025-06-10 08:54:00

 385

 4

#css #前端 #html +2
前端复习整理

hr标签是水平线。属性直接设置。b strong标签都是加粗，但是推荐strong标签，对于爬虫更友好，更语义化。i和em标签都是倾斜，推荐ems和del都是删除线，推荐delu文本下划线sub下标sup上标将标签转化成字符显示在网页中。<hr color=“red” size=“5” width=“50%” />‘&emsp’空格，占据一个中文宽度有序列表olli的type只有1，a，A，i，I

锅灰也想敲代码
2025-05-25 16:33:48

 1286

 15

#javascript #html5 #css +3
前端入门到进阶：这些核心知识你必须掌握

摘要：前端开发的核心技术包括HTML、CSS和JavaScript三大基础，分别负责页面结构、样式和交互。HTML需掌握语义化标签，CSS重点学习布局技术和响应式设计，JavaScript则需精通DOM操作、异步编程和ES6+特性。现代前端框架如Vue和React通过组件化和状态管理提升开发效率。前端工程化工具（如Webpack/Vite）和包管理器（npm/yarn）则保障大型项目的协作与部署。

pasilision�
2025-08-29 14:13:54

 1022

 21

#前端 #vue.js #css3 +3
从Java角度解析如何科学管理程序员咖啡因摄入与代码质量的关系

团队领导者可以借鉴设计模式中的“策略模式（Strategy Pattern）”，不强求统一的摄入标准，而是定义一个通用的“精力管理”接口，允许成员根据自身生理节律（是否是“晨型人”）、当前任务难度（是修复简单Bug还是架构重构）来实施个性化的“咖啡因策略”。一个典型的场景是，在解决一个复杂的并发问题（如处理`ConcurrentHashMap`的线程安全性）或进行JVM性能调优时，适度的咖啡因摄入

 hhm_ceo
2025-10-12 14:05:20

 643

 23

#css3
Qt QSS常用样式总结

qt 样式表

 aaa315732904
2022-10-19 14:00:42

 1482

 1

#qt #css #css3
Electron中设置菜单(Menu)，主进程向渲染进程共享数据

需求分析：设置主窗口的应用菜单以及鼠标的右击菜单，同时要求实现在应用菜单中开启打开调试工具(当用户自定义应用菜单时，应用菜单中的打开调试工具便会被取代)，并设置快捷键F12实现看看主进程main.js:var electron = require('electron')// 引入electron模块var app = electron.app// 创建electron引用var BrowserWi

HW-Header
2020-09-03 11:19:33

 2490

#node.js #javascript #html5 +2
你知道如何用Web前端技术开发出桌面应用程序吗？

如何用Web前端技术就能开发出桌面应用程序？需要更多相关资料的小可爱们，请看主页中的个人简介哦！Web前端技术开发桌面应用的方式CEF：用 Chromium&Webkit 来呈现 web 页面，是客户端里面嵌浏览器，浏览器里面跑网页。heX：基于CEF，内部整合了开源项目 Chromium 及 node.js。nw：基于Chromium 和 node.js，利用 web 方式开发跨平台桌面

 xyx12321
2020-12-14 14:45:43

 1137

#javascript #css #html +2
「社区说」第三期即将开启，一起来和谷歌开发者专家聊聊 Kotlin 协程

「社区说」第三场：白话 Kotlin 协程活动时间：4 月 22 日20:00-21:00直播链接：立即报名活动背景：本次将由 Android 与 Kotlin 方向谷歌开发者专家朱涛...

Android 开发者
2021-04-21 10:05:00

 270

#github #css3 #3d +1
flutter之Container

Container类似于iOS中的UIView，具有绘制、定位、调整大小功能。通常用来装载其它子控件，假如Container没有子控件，它将自动填充整个屏幕；反之，会根据子控件大小，调整自身大小，从而达到自适应效果。注意:使用Container时，通常要有一个父控件，一般情况下不单独使用Container。常用的父控件有Center widget、Padding Widg...

NMGWAP
2020-08-13 11:45:23

 446

#css #python #html +2
笔记：关于RN端ios开发中遇到的box-shadow问题

笔记：关于RN端ios开发中遇到的box-shadow问题遇到的问题就是：在父元素定义box-shadow的时候，父元素没有显示阴影，反而是内部的子元素显示了阴影效果.block-wrap {padding: 20px 20px 30px;box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2);border-radius: 20px;/* #ifdef rn /elev

有点皮蛋
2020-12-21 15:02:27

 895

 2

#前端 #react native #ios +1
社区说 | Kotlin 编译器插件: 我们究竟在期待什么？

活动时间7月8日（本周四）20:00pm-21:00pm活动日程20:00-20:45《Kotlin 编译器插件：我们究竟在期待什么？》对比常见的 Kotlin 元编程的方案，包括反射、注...

Android 开发者
2021-07-06 09:30:00

 383

#css3 #3d
H5,Audio音乐播放器(移动版)

有些时候，总是感觉自己进步的没有以前快了。于是就怀疑自己是不是也被时间磨灭了，这可真是一件不幸的事儿。可能是自己会的东西太少了，总是有种莫名的危机感。前一段时间，想写一个移动版音乐播放器，于是就开始利用下班后的时间写写。每天大概有大概两个小时的时间来做这件事儿，但是写了一版，感觉逻辑不是理想的，所以就推掉了原来写的，又从新写了一版。最近公司的事儿有点儿多，所以导致播放器被推延了一

 笨-大叔
2015-05-24 19:49:56

 1.6w

 8

#html5 #css3
使用 Java 开发 Android 应用：Kotlin 与 Java 的混合编程

这样就可以将这个Java文件转换为Kotlin文件，之后就可以在Kotlin代码中使用这个类。在这个案例中，我们在Kotlin类中引入了一个Java类，并且成功地创建了它的实例并调用了其中的方法，实现了Java和Kotlin的混合编程。在Kotlin代码中，我们可以像使用Kotlin类一样使用已经转换过的Java类。通过这些简单的步骤，就可以在Android应用中轻松地实现Java和Kotlin的

 荆州克莱
2025-01-19 19:02:09

 393

 3

#spring cloud #spring boot #spring +1
婚恋系统源码，实现一个特色页面转场动画

前言今天的主角是英雄 —— Hero 组件。Hero 组件非常适合从婚恋系统源码列表、概览页切换到详情页转场动画场合。因为可以将两个页面的组件串起来动画，体验上会觉得整个操作的连贯性非常好。Hero 动画过程Hero 本质是是在不同的路由页面做了一个中转层，然后通过动画完成过渡，下面用4张图是官方演示的过程。动画开始前，会准备一个空的遮罩层（Overlay）。此时目标路由页面还没生成。t = 0.

云豹科技晓彤
2021-11-11 16:31:33

 405

#动画 #css3 #前端
android kotlin 与 js 交互

不喜欢说太多，喜欢直接干，直接上代码，这才是我的风格。fragmentpackage com.meinong.fragment.kotlinimport android.content.Intentimport android.content.pm.PackageManagerimport android.os.Bundleimport android.view.Layout

NotesChapter
2018-01-31 10:39:05

 1203

#kotlin #css3 #html5
相亲源码搭建，实现应用页面和详情页面的切换

前言在相亲源码中，列表的元素和详情的内容是一致的，这个时候利用 Hero 动画切换到详情会感觉无缝过渡，用户体验会更好。思路上面的效果是列表和详情共用了头像和头像的背景色。二者的组合是一个 Stack 组件，因此可以使用 Hero 组件完成。然后是 Hero 组件的移动，我们先做了水平移动，再做垂直方向移动，这样过渡体验会更好，这种可以用我们自定义的 RectTween 完成。下面是我们的各个部分

 云豹科技晓彤
2021-12-17 16:39:26

 612

#css3 #html5 #css
flutter TextField 详解《边框、高度、背景色、圆角》

Expanded(child:ConstrainedBox(constraints: BoxConstraints(maxHeight: 40,),child:...

曾经也是个少年
2019-11-14 14:39:26

 750

 1

#css3 #html #qt +1
flutter showModalBottomSheet常用属性

在使用showModalBottomSheet这个控件时，想要设置圆角，可以在内容widget设置不管用，然后直接看这个控件的实现原理，准备看到到底什么鬼！一看有个shape属性，感觉有戏！果然设置完毕后，成功了。注意：一定不要设置builder中的背景颜色，否则会覆盖导致不能显示出圆角！showModalBottomSheetshape可以设置成自己想要的形状！isScrollCont...

solomanlove
2020-03-09 20:53:43

 5295

#flutter #css3 #前端
基于React的仿QQ音乐（移动端）

本项目采用了React的框架，可以帮助那些想学习React的同学们去深入学习React的项目的开发。写这个项目过程也是非常辛苦的，如果你觉得我写的还不错的话，麻烦各位给我一个收藏或者点赞，也或者去github上给我点个星，来当做对我的鼓励。不胜感激！

無名SAMA
2017-09-23 22:03:29

 1377

#javascript #html5 #css3
jQuery Mobile 入门图文教程

你每天都会对着它讲话，和它玩游戏，用它看新闻——没错，它就是你裤兜里的智能手机。android，黑莓还是iphone？为了让你清楚意识到究竟哪些才算是智能手机，我在下面总结了一个智能手机系统/设备的列表：AppleiPhone/iPod TouchGoogleAndroidRIMBlackBerry/Playbook OSNok

ariss123
2014-09-17 16:05:41

 606

#jquery #前端 #css3
移动框架jQuery Mobile入门

jQuery Mobile使用指南简介：jQuery Mobile框架可以轻松的帮助我们实现非常好看的、可跨设备的Web应用程序。我们将后续的介绍中向大家介绍大量的代码及实例。jQuery一直以来都是非常流行的富客户端及Web应用程序开发中使用的JavaScript类库,然而一直以来它都是为桌面浏览器设计的，没有特别为移动应用程序设计。jQuery Mobile是一个新的项

 ariss123
2014-09-18 13:51:47

 592

#jquery #前端 #css3
ionic项目中variables添加全局color样式

ionic 的全局变量样式文件中有9个默认的颜色主题：primary、secondary、tertiary、success、warning、danger、dark、medium、light现在因为项目需求新增了一种颜色主题，所以需要添加如下代码：/** custom color**/--ion-color-laijian: linear-gradient(90deg, #ffe14a 0%, #f

AndrewWen099
2020-11-18 09:52:11

 438

 1

#css #css3
PhoneGap 10 全局配置文件config.xml

属于web程序顶级目录的config.xml全局配置文件可以控制应用程序许多方面的行为。该文件是平台无关的，基于 W3C'sPackaged Web Apps (Widgets)标准，被扩展支持Cordova API、插件和平台相关的设置。通过Cordova CLI创建的项目，可以在www目录里面找到该文件：app/www/config.xml当使用CLI去编译程序的时候，该文件会被复

 程序海洋的一叶小舟
2014-01-15 21:18:58

 4440

#css3 #html5 #javascript +1
SUI Mobile入门

SUI Mobile 是一套基于 Framework7 开发的UI库。它非常轻量、精美，只需要引入我们的CDN文件就可以使用，并且能兼容到 iOS 6.0+ 和 Android 4.0+，非常适合开发跨平台Web App。特点：自适应、轻量、功能强大点击进入官网选择模板进入官网后，点击示例选择要选用的模板，查看源代码并复制到自己的项目即可。同时你可以右键鼠标"检查"，点击右上角的按钮来查看各...

小白太白
2019-08-22 13:59:29

 1223

#css #java #less +2
PhoneGap 13 插件配置标准

plugin.xml文件是在plugins命名空间（http://apache.org/cordova/ns/plugins/1.0）下面的xml文档。它包含一个定义插件的顶层 plugin 元素及定义插件结构的子元素。一个插件元素示例：<plugin xmlns="http://apache.org/cordova/ns/plugins/1.0"xmlns:android="htt

程序海洋的一叶小舟
2014-01-16 15:04:11

 1660

#css3 #html5 #javascript +1
Ionic3 clip-path发布APK后多边形失效的问题

dev环境下，css设置clip-path对图片多边形切割，显示正常height:190px;background-image: url(../assets/imgs/bg1.png);background-repeat: no-repeat;background-size: 100% 100%;-webkit-clip-path: polygon( 0px 0, calc(100% - 0px)

Sddking
2020-11-28 16:41:46

 240

#css3 #es6 #typescript
移动框架技术R - 第九章

基本布局样式布局代码<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"><titl

Anita-Sun
2022-06-01 16:06:09

 480

#r语言 #css3 #css
Cordova工程index.html/index.css/index.js结构及关键代码

Cordova工程index.html/index.css/index.js结构及关键代码1. index.html2. index.css（1）横竖屏的判断方法：（2）深色模式适配3. index.js4.更多Apache Cordova是Apache基金会支持的一套开源移动APP底层编译工具，可以与任何前端框架结合，完成基于H5的移动开发编译，因而具有很好的灵活性。通过以下命令可以建立一个co

IT晓夏
2022-04-21 00:12:34

 3894

 5

#css3 #html
Angular +Ionic实现收藏夹的全选和单选删除功能

Angular +Ionic实现收藏夹的全选和单选删除功能一，需求及解决思路1.实现需求：所展示的产品，通过编辑功能切换复选，分为单独选择和全选实现将商品从收藏夹中移除。2.解决思路：实现商品数据渲染页面后，调用执行删除功能的接口。实现单选，反选，全选。通过选中所接收的值拼接成自符串。取消选择时：将相应选中的字段从当前自符串中移除。点击删除按钮实现选中商品的移除。全选时则移除所有的商品。二，代码a

会做梦的辣条鱼
2020-09-28 10:39:36

 580

 1

#angular #css3 #vue.js +1
Electron之初出茅庐——搭建环境并运行第一个程序

最近在学习node.js的过程中，突然发现了electron这个宝藏开源框架。在学习过程中收获颇多，特此记录，方便知识整理。参考文献：技术胖目录一、Electron的定义二、Electron的运行原理2.1、不得不说到JavaScript的运行原理2.2、Electron的运行框架2.3、Electron的运行流程：三、从零开始，构建Electron开发环境3.1、安装node.js开发环境3.2

HW-Header
2020-08-31 19:34:14

 1107

 3

#html5 #css3 #javascript +2
使用Kotlin的Android ProgressBar

In this tutorial, we’ll discuss and implement ProgressBar in our Android Application using Kotlin. 在本教程中，我们将使用Kotlin在Android应用程序中讨论和实现ProgressBar。什么是ProgressBar？ (What is a ProgressBar?)ProgressBa...

cunchi4221
2020-07-16 19:09:13

 1936

 1

#android #ios #android studio +1
Kotlin DSL 的使用

Kotlin DSL 的强大功能：Gradle 的配置文件 build.gradle （Groovy），以及前面我们涉及到的Gradle Script Kotlin（Kotlin）、Anko（Kotlin）等，都是 DSL。我们可以看出，使用DSL的编程风格，可以让程序更加简单干净、直观简洁。当然，我们也可以创建自己的 DSL。Android 中使用下面这样的嵌套DSL 风格的代码来替代 XM

pureChilder
2020-07-23 10:35:37

 911

#html5 #css3 #android +1
flutter中的动画效果_Flutter中的基本动画

While Flutter has an enormous amount of amazing packages for creating animation effects for your apps, there are also built-in methods for manually creating more fine-tuned animations.尽管Flutter提供了大...

cukw6666
2020-08-13 19:05:38

 963

#css #css3 #游戏 +1
react 手写移动端radio&&checkbox组件支持rc-form的使用

1.文件目录：2.代码地址：https://github.com/wangchun123/react-Ant-Design-Mobile/tree/master/src/components3.checkbox的调用代码：import React, { Component } from 'react';import Checkbox from '@/components/checkbox';imp

见光就死123
2020-09-15 15:17:06

 1062

#reactjs #css3 #javascript
Flutter 常用 Widget 介绍

前言笔者最近在看 Flutter Widget of the Week：https://www.youtube.com/watch?v=b_sQ9bMltGU，并落地了代码 Flutte...

奇舞移动
2020-05-14 15:12:13

 707

#css #html #3d +1
Flutter布局指南之Box套盒子

点击上方蓝字关注我，知识会给你力量对于写过Flutter的开发者来说，我敢肯定，大部分的开发者都不能准确预测这次Hot Reload之后，布局是否是自己想要的结果。Flutter的布局与N...

eclipse_xu
2022-03-13 10:00:00

 3403

 2

#css #html #javascript +1
Flex布局 - 仿携程网移动端首页案列练习

一、搭建相关文件结构1.1 文件结构创建相关存储文件夹以及搭建index.html文件结构<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name

JHY97
2022-01-10 01:10:16

 1942

 1

#html5 #前端 #css3
小程序轮播滑动的时候另一个轮播图也跟着动

好久没碰前端了，写个轮播都废了我这么大功夫。最近闲着没事写一写小程序，有个要实现的功能是这样的：如图，上面的色块是个轮播，下面的也是轮播。滑动上面的轮播，下面的也跟着动，滑动下面的，上面也跟着动。什么，你说哪个傻子会做这种功能？我啊。其实做出来的效果还挺不错的，就看你往轮播里面放什么内容。我做出来的效果是下面这样的：当然你也可以自己体验一下效果：还挺不错的吧，快夸夸我。但是真的好久没写前端了呀，这

 TandK
2021-12-14 21:46:44

 3595

 6

#小程序 #前端 #css3
大前端开发中的“树”

本文介绍 Web、Android、iOS、Flutter 这些前终端平台下，与 “树” 及视图系统有关的技术话题，并尝试分析它们之间的异同点；方便从事大前端开发的同学对各平台的技术特性有更广泛的了解。一、前言从早期 Web 开发中的 DOM 树，再到现在 Flutter 开发中的 “三棵树”，以及 Android 和 iOS 开发中相似的概念，它们有联系又有区别。围绕 “树”，各个平台有一些共同的

 短暂又灿烂的
2021-10-28 11:28:53

 3128

 2

#前端 #css3 #css
App混合开发-前端小白理解

什么是混合app混合开发的App（Hybrid App）就是嵌一个轻量级的浏览器，一部分原生的功能改为Html5来开发，这部分功能不仅能够在不容升级的情况下动态更新，而且可以在Android或iOS上同时运行，让用户的体验更好又可以节省开发的资源。目前市场上主流的APP分为三种：原生APP、Web APP（即HTML5）和混合APP三种，相对应的定制开发就是原生开发、H5开发和混合开发。一、APP

Mo沫
2020-12-07 22:14:27

 5420

 1

#html5 #css3 #javascript
直播视频源码中“孔雀开屏”的动画效果

在使用Navigator进入一个新的页面时，通常用法如下：Navigator.of(context).push(MaterialPageRoute(builder: (context){return PageB();}));MaterialPageRoute就包含了切换页面时的动画效果，在iOS上效果是左右滑动切换，在Android上效果是上下滑动，如果想要自定义切换效果如何实现呢？答案是使用Pa

云豹网络科技
2020-05-27 13:59:34

 594

#android #移动开发 #css3 +1
【UniApp】-uni-app概述

好，经过我们前面文章的编写，大家可以了解到微信小程序开发相关的知识，了解完了这个微信小程序开发和云开发之后，从这篇文章开始，我再来给大家写一下关于 Uniapp 的知识。好，开始，那什么是 Uniapp 呢？这个时候我们不管三七二十一，先打开我们 Uniapp 官方文档，它官方地址也很简单，叫做dcloud.io这就是官方档。在官方文档当中有一个 uni-app，然后它下面写了一句话，开发一次多端

 我真没有偷懒
2023-12-13 15:03:20

 206

#uni-app #css #vue.js +2
笔记--移动App

移动App第1天什么是混合移动App开发【重点】苹果上的软件是如何开发出来的：使用的是 OC、或者使用Swift这门语言安卓平台上的软件又是如何开发出来的：使用安卓相关的语言开发的，Java，安卓的控件进行开发苹果和安卓平台上共有的软件是如何开发出来的：腾讯招两套开发人员【开发组】，手机京东前端移动 App（Application）开发技术，去开发手机端的应用程序；前端的混合移动App开发技术，并

 若梦丶忆流年
2022-03-25 14:00:19

 502

 1

#css3 #css #html
Flutter widgets 快问快答 | 第二期

想打造精彩的 Flutter 应用，离不开对各种 widget 的熟练使用。Flutter widgets 短视频系列已经在 B 站连载一段时间了，本期我们为大家带来近期观看最多的三个 ...

谷歌开发者
2020-08-07 12:00:00

 1005

#github #css3 #css +1
Flutter widgets 快问快答 | 第四期

想打造精彩的 Flutter 应用，离不开对各种 widget 的熟练使用。本期我们为大家带来近期观看最多的三个 widget 的快问快答，这些 widget 涉及常见的控件布局 (包括...

谷歌开发者
2020-10-17 11:00:00

 226

#css #css3 #区块链 +2
『微信小程序从0到1』常用组件

微信小程序常用组件

 白小筠
2022-11-12 11:17:08

 986

 1

#微信小程序 #css #css3
Flutter CodePen 本周挑战 | 动画特效！

本周挑战:动画特效在 Flutter 中，有一类动画可借助库内置的动画 widget 自动实现不同的动画效果，这种动画被称为 "隐式动画" (implicit anim...

谷歌开发者
2020-07-23 09:30:00

 587

#css #javascript #html +1