Files
pipecat/examples/storytelling-chatbot/frontend/components/VideoTile/VideoTile.module.css
chadbailey59 a17243bc1e More Storybot updates (#1116)
* initial changes for gemini storybot

* storybot updates for gemini

* more storybot updates

* interim interruptible commit

* cleanup

* cleanup

* cleanup

* first draft

* wip

* more storybot fixes

* more storybot updates WIP

* committing before changing the image prompting strategy

* wip

* prompt updating

* cleanup

* cleanup

* cleanup

* readme cleanup

* fixup
2025-01-30 20:13:18 -06:00

34 lines
559 B
CSS

.container{
position: relative;
animation: fadeIn 3s ease;
transition: all 3s ease-out;
}
.videoTile{
@apply bg-gray-950;
width: 760px;
height: 760px;
mask-image: url('/alpha-mask.gif');
mask-size: cover;
mask-repeat: no-repeat;
margin:0 auto;
z-index: 10;
position: relative;
}
.inactive{
opacity: 0.7;
filter:blur(3px);
transform: scale(0.95)
}
@keyframes fadeIn {
0% {
filter: blur(100px);
opacity: 0;
}
100% {
filter: blur(0px);
opacity: 1;
}
}