首页 > TAG信息列表 > translate3d

uni-app的swiper组件设置overflow: hidden不生效

问题:在小程序里使用swiper组件制作轮播图,给父元素设置了固定宽高,样式圆角border-radius,定位position: relative,超出隐藏overflow: hidden,在安卓机正常显示,但是在ios上圆角不能显示,原因是这个超出隐藏没有生效,所以需要在父元素在添加这四行代码。 backface-visibility: hidden;

css文字滚动

<div class="mechanism"> <div class="re_roll">  <ul>     <li>1</li>     <li>2</li>     <li>3</li>     <li>4</li>     <li>5</li>     <li>1</li

Spring boot开发小而美的个人博客-页面集成插件-博客详情页2

页面集成插件-博客详情页2 下载插件 https://animate.style/ @charset "UTF-8"; /*! * animate.css -http://daneden.me/animate * Version - 3.5.2 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2017 Daniel Eden */

兼容性问题

1、IE8下面的png图片无法正常显示? 原因:打开调试面板,你会发现IE8浏览器把PNG格式的img解析成了span标签,导致图片无法显示。 解决方案:在央视里面对span设置宽高和display:inline-block; 2、rgba不支持IE8? 解决方案:可以用 opacity opacity:0.7;/FF chrome safari opera/ filter:al

博客滑动相册封面导航

滑动相册封面导航-食用方法 如果你和我的主题一样,那就可以直接在theme.css下进行移植啦。不一样的话,你可以参考一下,动手自己做一个

2021-01-11

CSS3动画: 来学习动画之前我们先来介绍一下什么是动画,动画是CSS3中最具有颠覆性的特征之一,可以通过设置多个节点来精确的控制一个或一组动画,从而实现复杂的动画效果,之前我们学习的CSS中也有动画这一概念,不过之前的动画(是通过一定的时间段不断的处理元素的一些属性值,实

fullpage.js最后一屏不满一屏时,滚动方式

这两天公司网页改版用到fullpage.js这个滚屏插件,页面内容整屏的滚动,不成问题,各种设置在网上也都有文档。而我遇到的问题就是,页面内容不满屏的时候,和上面的内容放一块就太挤,单独放一屏就太空,好尴尬的说 底部的footer部分就是我要单独处理的部分,从网上搜了各种资料,总结了一下,个人觉

jQuery动画速成

引入下面css中样式,然后在需要使用的元素中类上添加相应的效果就可以了 例如     animated固定要添加的类,不然会没有效果,bounceIn是你想要的动画效果,fight是你自己定义的类名,可以写样式等等   @charset "UTF-8"; /*! * animate.css -http://daneden.me/animate * Version

悬浮按钮

<!DOCTYPE html><html lang="zh-hans-cn"><head> <meta charset="UTF-8"> <meta name="Author" content="Rin"> <title>右侧边栏圆形弹性按钮</title> <link rel="stylesheet&q

android – Firefox Mobile:使用translate3d动画的元素从父容器中流出

我有一个元素,我使用translate3d转换.父元素具有溢出:隐藏,但在动画期间,在Firefox Mobile 19.0.2上,动画元素在父元素之外可见. 动画顶部属性而不是translate3d是有效的,但它不是硬件加速而且不够平滑. 它适用于我测试的所有其他移动和桌面浏览器. 我想这是一个Firefox Mobile漏洞,

移动端问题探索-2

1.阻止旋转屏幕时自动调整字体大小 移动端开发时,屏幕有竖屏和横屏模式,当屏幕进行旋转时,字体大小则有可能会发生变化,从而影响页面布局的整体样式,为避免此类情况发生,只需设置如下样式即可 * { -webkit-text-size-adjust: none;} 2.iOS下取消input在输入的时候英文首字母的默认大写 <

那些不错的 [ Html5 + CSS3 + Canvas ] 效果!

apng制作工具:http://isparta.github.io/how.html apng制作文章:http://isux.tencent.com/introduction-of-apng.html   GIF 和 Apng ,apng-canvas   Css3  模拟支付宝AA收款动画 [摘抄] demo地址:http://www.imengwang.net/css3d/css3-wave.html   1 <html> 2 <head> 3

前端开发入门到实战:动画优雅降级的简单总结

CSS动画优雅降级的简单总结 CSS动画相关属性 transition:兼容性 transform 3D:兼容性 transform 2D:兼容性 animation: 可以看到动画在IE8(这里主要讨论IE)及以下完全不支持,IE9由于只支持transform(非transform3d) 优雅降级 <div class="a"></div> CSS: <style> div { wid

关于 uni 中的一些问题

1.首先是引导页 <template> <view class="guide"> <swiper class="swiper" :indicator-dots="true" interval="4000" duration="500"> <swiper-item > <view class="item-logo"