Browse
For agents
About
Qi Blocks
/
1.1.1
Qi Blocks
v1.1.1
Switch version
1.5.3
1.5.2
1.5.1
trunk
1.0
1.0.1
1.0.2
1.0.3
1.0.4
1.0.5
1.0.6
1.0.7
1.0.8
1.0.9
1.1
1.1.1
1.1.2
1.2
1.2.1
1.2.2
1.2.3
1.2.4
1.2.5
1.2.6
1.2.7
All 45 releases
Overview
Code
qi-blocks
/
assets
/
dist
/
text-marquee.css
text-marquee.css
in Qi Blocks 1.1.1, at assets/dist/text-marquee.css
1 lines
2.3 KB
Find file
t
No matching file
Up and down to move
Enter to open
Esc to close
Raw
Download
Zip
View raw
1
.
qi-block-text-marquee
{
display
:
inline-block
;
overflow
:
hidden
;
position
:
relative
;
vertical-align
:
top
;
width
:
100
%
}
.
qi-block-text-marquee
.
qodef-m-content
{
display
:
flex
;
font-size
:
0
;
max-width
:
100
vw
;
overflow
:
hidden
;
white-space
:
nowrap
}
.
qi-block-text-marquee
.
qodef-m-text
{
align-items
:
baseline
;
display
:
flex
}
.
qi-block-text-marquee
.
qodef-m-text
.
qodef-text--original
{
animation
:
qi-blocks-move-horizontal-normal-text-marquee
20
s
linear
infinite
}
.
qi-block-text-marquee
.
qodef-m-text
.
qodef-text--copy
{
animation
:
qi-blocks-move-horizontal-normal-text-marquee-copy
20
s
linear
infinite
;
backface-visibility
:
hidden
;
left
:
0
;
position
:
absolute
;
top
:
0
;
transform
:
translateX
(
100
%
)
translateZ
(
0
)
;
will-change
:
transform
}
.
qi-block-text-marquee
.
qodef-m-text-item
{
font-size
:
100
px
;
line-height
:
1.1
em
;
padding-left
:
.5
em
;
padding-right
:
.5
em
}
.
qi-block-text-marquee
.
qodef-m-icon-holder
{
align-items
:
center
;
align-self
:
center
;
display
:
flex
;
font-size
:
30
px
}
.
qi-block-text-marquee
.
qodef-m-icon-holder
svg
{
fill
:
currentColor
;
stroke
:
currentColor
;
height
:
auto
;
width
:
1
em
}
.
qi-block-text-marquee
.
qodef-text-stroke-effect
.
qodef-m-text-item
{
-webkit-text-stroke-width
:
1
px
;
-webkit-text-stroke-color
:
#
333
;
color
:
#
0000
!important
;
text-shadow
:
none
}
@
keyframes
qi-blocks-move-horizontal-normal-text-marquee
{
0%
{
transform
:
translateX
(
0
)
translateZ
(
0
)
}
to
{
transform
:
translateX
(
-100
%
)
translateZ
(
0
)
}
}
@
keyframes
qi-blocks-move-horizontal-normal-text-marquee-copy
{
0%
{
transform
:
translateX
(
100
%
)
translateZ
(
0
)
}
to
{
transform
:
translateX
(
0
)
translateZ
(
0
)
}
}
@
keyframes
qi-blocks-move-vertical-normal-text-marquee
{
0%
{
transform
:
translateY
(
0
)
translateZ
(
0
)
}
to
{
transform
:
translateY
(
-100
%
)
translateZ
(
0
)
}
}
@
keyframes
qi-blocks-move-vertical-normal-text-marquee-copy
{
0%
{
transform
:
translateY
(
100
%
)
translateZ
(
0
)
}
to
{
transform
:
translateY
(
0
)
translateZ
(
0
)
}
}
@
keyframes
qi-blocks-move-horizontal-reverse-text-marquee
{
0%
{
transform
:
translateX
(
0
)
translateZ
(
0
)
}
to
{
transform
:
translateX
(
100
%
)
translateZ
(
0
)
}
}
@
keyframes
qi-blocks-move-horizontal-reverse-text-marquee-copy
{
0%
{
transform
:
translateX
(
-100
%
)
translateZ
(
0
)
}
to
{
transform
:
translateX
(
0
)
translateZ
(
0
)
}
}
@
keyframes
qi-blocks-move-vertical-reverse-text-marquee
{
0%
{
transform
:
translateY
(
0
)
translateZ
(
0
)
}
to
{
transform
:
translateY
(
100
%
)
translateZ
(
0
)
}
}
@
keyframes
qi-blocks-move-vertical-reverse-text-marquee-copy
{
0%
{
transform
:
translateY
(
-100
%
)
translateZ
(
0
)
}
to
{
transform
:
translateY
(
0
)
translateZ
(
0
)
}
}
