title
| title |
| MaixCAM — Fast Deployment for AI Vision and Audio Projects |
<script src="/static/js/tailwind.js"></script>
<style>
#content_body .h1 {
font-size: 2.2em;
font-weight: 800;
}
.flex_center {
display:flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#content_body .card_item {
color: #f0f5f9;
background: linear-gradient(90deg, #26d0ce, #1a2980);
border-radius: 1em;
padding: 1em;
margin: 1em 0.1em;
}
#content_body .card_item img {
transition: transform 0.4s ease;
}
#content_body .item2 {
width: 90%;
align-self: start;
background: linear-gradient(-45deg, #c471ed, #f64f59);
}
#content_body .item3 {
width: 90%;
align-self: end;
background: linear-gradient(-45deg, #12c2e9, #c471ed);
}
#content_body .card_item:visited {
color: #f0f5f9;
}
#content_body .card_item:hover {
border-radius: 1em;
background: linear-gradient(70deg, #26d0ce, #1a2980);
padding: 1em;
margin: 1em 0.1em;
}
#content_body .item2:hover {
background: linear-gradient(-20deg, #c471ed, #f64f59);
}
#content_body .item3:hover {
background: linear-gradient(-20deg, #12c2e9, #c471ed);
}
#content_body .card_item:hover > img {
transform: rotate(10deg) scale(1.3) ;
}
.cams_wrapper {
}
.mask_wrapper {
position: relative;
}
.mask {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.item_name {
font-size: larger;
font-weight: 800;
}
#content_body .btn_blue {
margin: 1em;
color: white;
font-size: 0.9em;
border-radius: 0.3em;
padding: 0.5em 2em;
background-color: #0b4294;
}
#content_body .btn_blue:visited {
color: white;
}
#content_body .btn_blue:hover {
margin: 1em;
color: white;
font-size: 0.9em;
border-radius: 0.3em;
padding: 0.5em 2em;
background-color: #082a5e;
}
#content_body .btn_red {
margin: 1em;
color: white;
font-size: 0.9em;
border-radius: 0.3em;
padding: 0.5em 2em;
background-color: #a80202
}
#content_body .btn_red:visited {
color: white;
}
#content_body .btn_red:hover {
margin: 1em;
color: white;
font-size: 0.9em;
border-radius: 0.3em;
padding: 0.5em 2em;
background-color:#630606;
}
.dark #content_body .card_item {
color: #f0f5f9;
}
.dark #content_body a.card_item:visited {
color: #f0f5f9;
}
.dark .card_item {
background: #292929;
}
@media screen and (max-width: 768px) {
#content_body .item1 {
flex-direction: column-reverse;
}
#content_body .item1 img {
padding-bottom: 1em;
}
#content_body .item2 {
width: 98%;
}
#content_body .item3 {
width: 98%;
}
}
</style>
</style>
